具有多個標籤的JQuery選擇選項

我卡在這裏。我如何完成這項工作？我有兩個選擇選項，我需要設置兩個單獨的標籤。問題是當我爲第一個選擇添加一個值時，它會填充這兩個標籤。我需要選擇1來標記416並選擇2來標記416。具有多個標籤的JQuery選擇選項

選擇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>

來源

2016-12-19 RazorSharp

當您使用$("select")你告訴jQuery來選擇在頁面每<select>元素（而不是特定的一個）。

如果你想選擇一個特定的元素，你應該更具體。

你的第一<select>元素有id="selectMove"，這樣你就可以使用該ID：

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

你的第二個<select>元素沒有一個id，但它具有name屬性，所以你可以使用它：

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

來源

2016-12-19 01:17:55 Dekel

純粹的天才......謝謝。你爲我節省了大量頭痛。 – RazorSharp

現在我似乎有問題。它正在工作，但由於某種原因，它不是。 Label414有效，但label418的值是414 + 418。 – RazorSharp

Label414正在工作。 Label418是414 + 418

排便：正常上次排便：
腸鳴音：正常，1象限，低氧，

腸鳴音應該是正常的，加上另外兩個......

<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>

來源

2016-12-19 04:07:46 RazorSharp

通過閱讀解決我的問題......

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>

來源

2016-12-19 05:22:16 RazorSharp

具有多個標籤的JQuery選擇選項

回答

相關問題