Question

我仍然对jQuery很新鲜。也许有人可以用我的问题指出我正确的方向。

我有多个LI项目。他们每个人都拥有两个SELECT项目。当我按下一个按钮时，我想显示两个SPANS。他们每个人都拥有其中一个SELECTS的价值。

我让它与一个LI一起工作。但不是更多。我尝试了每个功能，但无法使其工作。

有人能帮助我吗？

    $("##triggerButton").click(function() {
            $("li").each(function(){
                var firstSelect = $('##Folder_ID').find(":selected").text();
                var secondSelect = $('##Type_ID').find(":selected").text();

                $('##folder-view').text(firstSelect);                
                $('##type-view').text(secondSelect);  
              });
    });

Answer 1

如果没有您的HTML代码，我认为您使用的是双ID，而您的选择看起来像<select id="#folder-view">。试试这段代码：

＆＃13;

$(document).ready(function() {
  $("button").click(function() {
    $.each($("#wrapper-of-selections .selection"), function() {
      $("#result").append(
        "<span>"
        + $("option:selected", this).val() + ": " + $("option:selected", this).text()
        + "</span><br/>"
      );
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="wrapper-of-selections">
  <li>
    <select class="selection">
      <option value="v11">Value 11</option>
      <option value="v21">Value 21</option>
    </select>
  </li>
  <li>
    <select class="selection">
      <option value="v12">Value 12</option>
      <option value="v22">Value 22</option>
    </select>
  </li>
</ul>
<button>Click ME</button>
<br/>
<span id="result"></span>

＆＃13;

使用SELECT值填充SPAN

1 个答案: