我在每一行中都有一个下拉列表,而默认值为否。当我更改特定行的下拉值时,我需要获取行索引。我试过这个 javacsript 函数,
function selectedExcludedoption() {
var selectedExcludeoption = $('#riexclusion option:selected').text().trim();
if (selectedExcludeoption == "Yes") {
revisedvalue = $('tbody#riDecisionvalues td:eq(4)').text("0.00");
}
else {
revisedvalue = $('tbody#riDecisionvalues td:eq(4)').text();
}
}
我的表格html代码
<div id="ridecisiontable">
<table class="table table-hover table-responsive" id="ritable">
<thead>
<tr>
<th style="width: 107px; margin-right: -5px;" class="text-left">Exclude</th>
</tr>
</thead>
<tbody data-bind="foreach: ridecisionGroups" id="riDecisionvalues">
<tr>
<td style="width: 107px;margin-right: -5px;">
<div class="col-sm-5" style="margin-right: -15px;">
<select class="form-control text-right excluded" id="riexclusion" onchange="selectedExcludedoption()">
<option value="No">No</option>
<option value="Yes">Yes</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</div>
如何获取特定的行索引值?
最佳答案
在javascript函数中传递这个对象
<select class="form-control text-right excluded" id="riexclusion" onchange="selectedExcludedoption(this)">
<option value="No">No</option>
<option value="Yes">Yes</option>
</select>
并修改函数
function selectedExcludedoption(selectBox)
{
var rowIndex = $(selectBox).closest('tr').index();
alert(rowIndex);
var selectedExcludeoption = $('#riexclusion option:selected').text().trim();
if (selectedExcludeoption == "Yes")
{
revisedvalue= $('tbody#riDecisionvalues td:eq(4)').text("0.00");
}
else {
revisedvalue= $('tbody#riDecisionvalues td:eq(4)').text();
}
}
关于javascript - 在表内的下拉列表中选择值时查找行索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30596278/