如何使用jquery迭代多个选择选项

Question

我只是想知道是否可以通过多个选择选项并获取它们的值和文本(如果选择了一个获取值和文本,如果选择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>

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

谢谢

Answer 1

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

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

查看Core/each和Selectors/selected:

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

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

Answer 2

对于optgroups ...

$("select[id^='desu']").children('optgroup').children('option:selected').each( 
    function(id, element) {
        document.write(element.title);
    }
);