使用 jquery 刷新 select？

Question

我有 select 和 button:

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

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

我想在按下按钮后在 select 中看到 O11:

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

但是select只有在点击select之后才会刷新。

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> 的值。

Answer 2

您正在将点击事件与 select 点击绑定。

$('#s')  //this is you are binding with select

如果你想在按钮点击时做一些事情，那么你必须给按钮绑定点击事件

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

使用 jquery 刷新 select？

Refresh select using jquery?

javascript

jquery

select

refresh

option