jquery - 从选择中读取值

Question

我有大约 30 个这样的选择表单，具有不同的 id(number_x)：

<div class="holder">
    <select class="start" id="number_x" maxlength=5 size=1 value>
        <option value><option>
        <option value>1<option>
        <option value>2<option>
        <option value>3<option>
        <option value>4<option>
        <option value>5<option>
    </select>
</div>    
<div class="holder">
    <select class="start" id="number_x+1" maxlength=5 size=1 value>
        <option value><option>
        <option value>1<option>
        <option value>2<option>
        <option value>3<option>
        <option value>4<option>
        <option value>5<option>
    </select>
</div>

选择 1 到 5 的值后，我需要用 jquery 读取它，以便将其写入表中以供将来计算。

--pseudocode (val() dont work)
$(button).click{
    for(x++){
        tab[x]= $('.holder .start#number_x').val();
     }
}

我只需要从 select.start 中读取值

Answer 1

对于从 _number_x_ 开始的各种 ID，试试这个伪代码：

$(button).click{
    for(x++){
        tab[x]= $('select[id^=number_x]').val();
     }
}

或者

$(button).click{
   for(x++){
      tab[x]= $('.holder .start#number_x' + x '"').val();
   }
}

而对于 HTML 标记

做这个

<option value=""><option>
<option value="">1<option>

Answer 2

您的 html 语法无效。

改变

  <option value><option>
        <option value>1<option>

到

 <option value=""><option>
   <option value="">1<option>...and so on 

然后调用val()工作

在此处查看演示

Answer 3

您应该使用

<option><option>
<option>1<option>

或者

<option value=''><option>
<option value='1'>1<option>

你可以val()在 jquery 中使用函数来获取值

Answer 4

在表格中添加所有选择框，您可以使用以下方法遍历每个表单中的选择框：

$('#'+tableId+' select').each(function(){
   selected_value = ($(this).val());
   //add your logic to store it in a table for future calculations
});

Answer 5

您可以使用以选择器开头的属性来定位相关<select>元素。然后只需存储一id: value对，如下所示：

var selectValues = [];
$('select[id^="number_"]').change(function() {
    selectValues[this.id] = this.value;
});

这是一个演示小提琴

Answer 6

请看一下http://jsfiddle.net/2dJAN/86/

如下所示，您可以获得所有选择框的选定值

$.each($('select'),function(){
        alert($("option:selected", this).val());
});