複数のラベルを持つJQuery Select Option

Question

私はここにこだわりました。どのように私はこの作品を作るのですか？ 2つの選択肢があり、2つの別々のラベルを設定する必要があります。問題は、最初の選択に値を追加すると、両方のラベルに値が設定されることです。私はlabel116に1を選択し、2にlabel418を選択する必要があります。

セレクト1

<select id="selectMove" name="bowelMovements" style="width: 125px"> 
          <option>--Select--</option> 
          <option>Normal</option> 
          <option>Constipation</option> 
          <option>Diarrhea</option> 
         </select> 
         <script type="text/javascript"> 
          $("select") 
           .change(function() { 
            var str = ""; 
            $("select option:selected").each(function() { 
             str += $(this).text() + " "; 
            }); 
            $('#<%=Label414.ClientID%>').text(str); 
           }) 
           .trigger("change"); 
         </script> 

セレクト2

<select name="bowelMoves" multiple="multiple" style="width: 125px"> 
          <option>1 Quadrant</option> 
          <option>2 Quadrant</option> 
          <option>Hypo</option> 
          <option>Hyper</option> 
          <option>Normal</option> 
         </select> 
         <script type="text/javascript"> 
          $("select") 
           .change(function() { 
            var str = ""; 
            $("select option:selected").each(function() { 
             str += $(this).text() + ", "; 
            }); 
            $('#<%=Label418.ClientID%>').text(str); 
           }) 
           .trigger("change"); 
         </script> 

Answer 1

あなたがすべての<select>ページ内の要素（およびない特定の1）を選択するようにjqueryのを教えてくれ$("select")使用しています。

特定の要素を選択する場合は、より具体的にする必要があります。

あなたはそのIDを使用できるようにあなたの最初の<select>要素は、id="selectMove"があります

$("#selectMove").change(function() { 

あなたの二<select>要素は、IDを持っていないが、それはname属性を持っているので、あなたはそれを使用することができます。

$("select[name='bowelMoves']").change(function() { 

Answer 2

Label414が動作しています。 Label418は、414 + 418

便通：ノーマル 最終腸運動：
腸の音：ノーマル、1クアドラント、ハイポ、

腸の音がNORMALプラス他の二つである必要があり

...

<select id="selectMove" name="selectMove" style="width: 125px"> 
          <option>--Select--</option> 
          <option>Normal</option> 
          <option>Constipation</option> 
          <option>Diarrhea</option> 
         </select> 
         <script type="text/javascript"> 
          $("#selectMove") 
           .change(function() { 
            var str1 = ""; 
            $("select option:selected").each(function() { 
             str1 += $(this).text() + " "; 
            }); 
            $('#<%=Label414.ClientID%>').text(str1); 
           }) 
           .trigger("change"); 
         </script> 

          <select id="bowelMoves" name="bowelMoves" multiple="multiple" style="width: 125px"> 
          <option>1 Quadrant</option> 
          <option>2 Quadrant</option> 
          <option>Hypo</option> 
          <option>Hyper</option> 
          <option>Normal</option> 
         </select> 
         <script type="text/javascript"> 
          $("#bowelMoves") 
           .change(function() { 
            var str2 = ""; 
            $("select option:selected").each(function() { 
             str2 += $(this).text() + ", "; 
            }); 
            $('#<%=Label418.ClientID%>').text(str2); 
           }) 
           .trigger("change"); 
         </script> 

Answer 3

は...読んで私の問題を解決し

http://api.jquery.com/val/

<script> 
function displayVals() { 
    var singleValues = $("#single").val(); 
    var multipleValues = $("#multiple").val() || []; 
    // When using jQuery 3: 
    // var multipleValues = $("#multiple").val(); 
    $("p").html("<b>Single:</b> " + singleValues + 
    " <b>Multiple:</b> " + multipleValues.join(", ")); 
} 

$("select").change(displayVals); 
displayVals(); 
</script>