ドロップダウン次のように私は、ドロップダウンリストを持って選択したテキスト

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>