Как связать выпадающий на основе выделенного текста

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>