JavaScript-код не работает для всех вариантов выбора

JQuery код не работает для всех вариантов выбора

Код jquery не предупреждает обо всех опциях, которые у меня есть в элементе select, вместо этого jquery предупреждает только о 1 из опции Select. Пожалуйста, смотрите код ниже

Я потратил часы, чтобы получить это исправление, проверив решение онлайн, но безуспешно

  {amp}lt;div{amp}gt; {amp}lt;h4{amp}gt;Company name{amp}lt;/h4{amp}gt; {amp}lt;select class="form-control" id="sel1"{amp}gt; {amp}lt;option{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Updated{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Validated{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;h4{amp}gt;Owner name{amp}lt;/h4{amp}gt; {amp}lt;select class="form-control" id="sel1"{amp}gt; {amp}lt;option{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Updated{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Validated{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;h4{amp}gt;Address {amp}lt;/h4{amp}gt; {amp}lt;select class="form-control" id="sel1"{amp}gt; {amp}lt;option{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Updated{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Validated{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;h4{amp}gt;Vertical{amp}lt;/h4{amp}gt; {amp}lt;select class="form-control" id="sel1"{amp}gt; {amp}lt;option{amp}gt;{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Updated{amp}lt;/option{amp}gt; {amp}lt;option{amp}gt;Validated{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="form-group" style="margin:100px;"{amp}gt; {amp}lt;label for="comment" style="float:left;"{amp}gt;Comment:{amp}lt;/label{amp}gt; {amp}lt;button class="btn btn-primary btn-xs" id="get_comment_button" role="button" style="float:left;"{amp}gt;Get Comment{amp}lt;/button{amp}gt; {amp}lt;textarea class="comment-box" rows="5" id="comment"{amp}gt;{amp}lt;/textarea{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script type="text/javascript"{amp}gt; $(document).ready(function(){ $("#get_comment_button").on('click',function(){ var optionText = $("#sel1 option:selected").text(); if (optionText == "updated") { $("#comment").html("Team Updated on "); }else { $("#comment").html("Team Validated on "); } }); }); {amp}lt;/script{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector