使用jquery刷新选择？

Question

我有select和button:

<select id="s">
  <option id="o1">O1</option>
  <option id="o2">O2</option>
</select>

<button id="a">O1 -> O11</button>

我想O11在按下按钮后看到选择:

$('#s').click(function(){
  $('#o1').text('O11');
})

但只有在单击选择后才选择刷新.

https://jsfiddle.net/dfwbLsn1/

Answer 1

您必须将click事件绑定到按钮:

$('#a').click(function(){
    $('#o1').text('O11');
});

应该这样做.

编辑:根据您的评论,您还希望通过单击按钮更改所选选项.请注意,您的问题中没有提到这一点.

要更改所选选项,选项需要值.这是如何实现您的目标:

<select id="s">
    <option id="o1" value="1">O1</option>
    <option id="o2" value="2">O2</option>
</select>

<script>
$('#a').click(function() {
    $('#o1').text('O11');
    $('#s').val(1);
});
</script>

现在单击<button>也会更改该值<select>.