jqueryの属性は、時々

Question

私は条件

$inputName = $(this).attr('input-name'); 
$("#input-name-edit option").each(function() { 
    $(this).removeAttr('selected'); 
    if($(this).text()==$inputName) { 
    $(this).attr('selected',true); 

    } 
}); 

上及び要素で、明らかに人々の数が選択されて語っているベースのjQueryを使用して選択し、HTMLの選択された値を更新しようとしている機能していません。下の画像で見ることができるように、最初の要素である名前が選択されています。

また、必ずしもそうではありません。時々それは働かない。私もオートコンプリート属性を入れてみましたが、まだ表示していません。

Answer 1

代わりselected属性操作のvalueselectの要素を変更しよう：

var $select = $('#select'); 
 

 
function select(val) { 
 
    $select.val(val) 
 
} 
 

 
$('button').on('click', function(){ 
 
    var val = $('input').val(); 
 
    select(val) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='select'> 
 
    <option value="a">a</option> 
 
    <option value="b">b</option> 
 
    <option value="c">c</option> 
 
    <option value="d">d</option> 
 
</select> 
 

 
<input type="text" placeholder='Type value'> 
 
<button>Change value</button>