PROSAGA码农传奇-JS-使用JS / JQuery从append select选项中获取值

使用JS / JQuery从append select选项中获取值

作者: 无语
发布时间: 2024-12-12 09:32:17 (20天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    问题是因为你总是瞄准
     <code>
      $('.mySelector option:selected')
    </code>
    。这只会看到第一个实例
     <code>
      .mySelector
    </code>
     DOM中的元素。
  </p>
  <P>
    从逻辑上下文看，您希望查看所选选项
    <EM>
      内
    </EM>
     该
     <code>
      select
    </code>
     提出了
     <code>
      change
    </code>
     事件。因此你需要使用
     <code>
      this
    </code>
     和
     <code>
      find()
    </code>
    。另请注意，更新更有意义
     <code>
      .newDiv
    </code>
     循环完成后一次：
  </p>
   <pre>
    <code>
      $(document).on('change', '.mySelector', function () {
  var str = "";
  $(this).find('option:selected').each(function () {
    str += $(this).text();
  });
  $('.newDiv').text(str);
});

</code>
  </pre>
  <P>
    通过使用，逻辑也可以更加简洁
     <code>
      map()
    </code>
    ：
  </p>
   <pre>
    <code>
      $(document).on('change', '.mySelector', function () {
  var str = $(this).find('option:selected').map(function () {
    return $(this).text();
  }).get().join('');
  $('.newDiv').text(str);
});

</code>
  </pre>
</DIV>