Question

我被困在这里。我该如何工作？我有两个选择选项，我需要设置两个单独的标签。问题是当我向第一个选择添加一个值时，它会填充两个标签。我需要选择1到label416并选择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")时，告诉jquery在页面中选择每个 <select>元素（而不是特定元素）。

如果您想选择特定元素，您应该更具体。

您的第一个<select>元素有id="selectMove"，因此您可以使用该ID：

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

您的第二个<select>元素没有ID，但它具有name属性，因此您可以使用它：

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

Answer 2

通过阅读解决了我的问题......

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>

Answer 3

Label414正在运作。 Label418是414 + 418.

肠道运动：正常最后一次肠运动：
肠鸣音：正常，1象限，Hypo，

肠鸣音应该是正常加上另外两个......

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

JQuery选择具有多个标签的选项

3 个答案: