用SELECT值填充SPAN

Fill SPAN with SELECT value

本文关键字：SPAN 填充 SELECT      更新时间：2023-09-26

我对jQuery还很陌生。也许有人可以为我的问题指明正确的方向。

我有多个LI项目。它们中的每一个都包含两个SELECT项。当我按下一个按钮时，我想显示两个SPAN。它们中的每一个都保存一个SELECTS的值。

我可以和一个李一起工作，但不能和更多的李一起工作。我试过了每一个功能，但都无法正常工作。

有人能帮帮我吗？

    $("##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);  
              });
    });

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

$(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/>"
      );
    });
  });
});
<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>

相关文章：