使用jquery获取表中特定行的下拉列表的值

时间:2015-05-27 10:53:53

标签: javascript jquery html

这是我的HTML代码

<td style="display:none">
    <div class="col-sm-6">
        <select class="form-control" id="riexclusion">
            <option value="yes">Yes</option>
            <option value="no">No</option>
        </select>
    </div>
</td>

我想从每一行的下拉列表中获取所选值。

我试过这个jquery来检索值..

var selectedstatus = $('#riexclusion option:selected').text();
alert(selectedstatus);
var totalrow = $("#ritable > tbody > tr").length;
for (var i = 0; i <= totalrow; i++) {
    exclusion = $('tbody#riDecisionvalues tr:eq(' + i + ')td:eq(8)').select();
}

帮助我...

添加jsfiddle

4 个答案:

答案 0 :(得分:1)

首先,您需要删除重复的id,而不是class,如下所示 -

<td style="display:none">
    <div class="col-sm-6">
        <select class="form-control" class="riexclusion">
            <option value="yes">Yes</option>
            <option value="no">No</option>
        </select>
    </div>
</td>

使用下面的jQuery从下拉列表中获取每个选定的值

//iterate all select under each tr
$("#ritable  tbody  tr").find(".riexclusion").each(function(){
   selectedVal = $(this).val();
   alert(selectedVal);
});

答案 1 :(得分:0)

元素的ID必须是唯一的,因此请用作riexclusion类(<select class="form-control riexclusion">),然后您可以使用.map()获取所有选定值的数组

var exclusions = $('.riexclusion').map(function () {
    return this.value
}).get();

答案 2 :(得分:0)

试试这个How to get statistics in Z3 3.2?

$('#riexclusion').on('change', function() {
    alert($(this).val());
})

答案 3 :(得分:0)

试试这段代码:

$("#ritable tbody tr:nth-child(8)")..find('select').val();

或者如果你想循环

var selectedstatus = $('#riexclusion').val();
$('tbody#riDecisionvalues tr').each(function(){
    $(this).find('td').eq(8).find('select').val(selectedstatus)
})