Question

我有一个下拉列表如下：

<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);

但数据在下拉列表中无法正常显示。请帮忙

Answer 1

根据你的问题，我认为你正在寻找类似的事情。

$('#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>

如何根据所选文本绑定下拉列表

1 个答案: