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

时间:2016-09-27 09:36:39

标签: jquery drop-down-menu

我有一个下拉列表如下:

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

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

1 个答案:

答案 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>