如何使用jQuery迭代多个选择选项 [英] how to iterate through multiple select options with jquery

问题描述

我只是想知道是否可以通过多个选择选项来获取它们的值和文本(如果选择了一个，则获取值和文本，如果选择了2，则同时获取了它们的值和文本，依此类推)

我在一页中有15个选择框吗?

任何帮助将不胜感激.

 <form>
        <select class="select" name="select3" id="select3">
          <option value="0">0</option>
          <option value="1.99">1</option>
          <option value="1.99">2</option>
          <option value="1.99">3</option>
          <option value="1.99">4</option>
          <option value="1.99">5</option>
          <option value="1.99">6</option>
          <option value="1.99">7</option>
          <option value="1.99">8</option>
        </select>
        </form>

  <form> 
      <select  class="select" name="select" id="select">
            <option value="0">0</option>
            <option value="1.99">1</option>
            <option value="1.99">2</option>
            <option value="1.99">3</option>
            <option value="1.99">4</option>
            <option value="1.99">5</option>
            <option value="1.99">6</option>
            <option value="1.99">7</option>
            <option value="1.99">8</option>
          </select>
   </form>

所有选择选项都具有相同的类.

谢谢

解决方案

这将提醒所有选定选项的文本和值(对于页面上的所有选择):

$('select > option:selected').each(function() {
    alert($(this).text() + ' ' + $(this).val());
});

请参阅核心/每个和选择器/已选择:

http://docs.jquery.com/Core/each

http://docs.jquery.com/Selectors/selected

I was just wondering if it's possible to go through multiple select options and get their values and text(if one is selected get the value and text, if 2 is selected get both of their values and text and so on)

I have 15 select boxes in one page?

any help would be appreciated.

 <form>
        <select class="select" name="select3" id="select3">
          <option value="0">0</option>
          <option value="1.99">1</option>
          <option value="1.99">2</option>
          <option value="1.99">3</option>
          <option value="1.99">4</option>
          <option value="1.99">5</option>
          <option value="1.99">6</option>
          <option value="1.99">7</option>
          <option value="1.99">8</option>
        </select>
        </form>

  <form> 
      <select  class="select" name="select" id="select">
            <option value="0">0</option>
            <option value="1.99">1</option>
            <option value="1.99">2</option>
            <option value="1.99">3</option>
            <option value="1.99">4</option>
            <option value="1.99">5</option>
            <option value="1.99">6</option>
            <option value="1.99">7</option>
            <option value="1.99">8</option>
          </select>
   </form>

all the select options have the same class.

thanks

解决方案

This will alert all the selected options' text and values (for all selects on the page):

$('select > option:selected').each(function() {
    alert($(this).text() + ' ' + $(this).val());
});

See Core/each and Selectors/selected:

http://docs.jquery.com/Core/each

http://docs.jquery.com/Selectors/selected

这篇关于如何使用jQuery迭代多个选择选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！