使用 jquery 刷新选择

Refresh select using jquery?

本文关键字：选择 刷新 jquery 使用      更新时间：2023-09-26

我有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/

必须将 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>的值。

您正在将单击事件与选择单击绑定。

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

如果要在按钮单击时执行某些操作，则必须将单击事件与按钮
绑定

$('#a').click(function(){
  $('#o1').text('O11');
})
相关文章：