我有一个下拉列表如下:
<select name="ddTblrule" id="ddTblrule" class="controlFont controlWidth">
<option value="Abc">Abc [ abc ]</option>
<option value="Abc">Abc [ abc1 ]</option>
<option value="Abc">Abc [ abc2 ]</option>
<option value="Abc Associations">abc Associations [ abcas ]</option>
</select>
由于下拉值相同(它应该相同,因为值取决于其他文本框)。我有一个网格,其中包含选定的下拉文本。当用户点击编辑按钮时,我必须在下拉列表中显示我正在使用以下代码的相应文本。
var ruleObj = data.find('td:eq(3)').text();
$("#ddTblrule option").removeAttr("selected");
$("#ddTblrule option").filter(function () {
return this.text == ruleObj;
}).attr('selected', true);
但数据在下拉列表中无法正常显示。请帮忙
答案 0 :(得分:2)
根据你的问题,我认为你正在寻找类似的事情。
$('#edit').click(function() {
var ruleObj = 'Abc [ abc2 ]';
$("#ddTblrule option").filter(function() {
return $(this).text() == ruleObj;
}).prop('selected', true);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="ddTblrule" id="ddTblrule" class="controlFont controlWidth">
<option value="Abc">Abc [ abc ]</option>
<option value="Abc">Abc [ abc1 ]</option>
<option value="Abc">Abc [ abc2 ]</option>
<option value="Abc Associations">abc Associations [ abcas ]</option>
</select>
<button id="edit">Edit</button>