选择的jquery属性有时不起作用

Question

我正在尝试使用基于条件

的jquery更新html select的选定值

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

  }
});

在元素中，它清楚地表明选择了人数。但正如您在下面的图像中看到的那样，名称是第一个元素。

此事并非总是如此。有时它不起作用。我尝试将自动完成属性设置为关闭，但仍然没有显示。

Answer 1

尝试更改value元素的select，而不是操纵selected属性：

＆＃13;

＆＃13;

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

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;