Question

我有一个想要使用以后在应用程序中点击onClick的函数来更改所选的一个。

<select id="myselect">
<option value=aa>aa</option>
<option value=bb>bb</option>
<option value=cc>cc</option>
</select>

然后通过单击一个按钮，一个函数将运行并使用php向mysql发送查询。假设php回复“bb”然后如何更改此选择以在bb上选择？

document.getElementById('myselect').value="bb";

不起作用。

Answer 1

为您的select元素添加标识符（例如ID），然后您只需使用.val()设置该值。

<select id="mySelect">
    <option value="aa">aa</option>
    <option value="bb">bb</option>
    <option value="cc">cc</option>
</select>

在jQuery中，一旦收到AJAX响应，请设置值

$('#mySelect').val(phpResponseValue);

其中phpResponseValue是AJAX响应返回的值，例如aa。

Answer 2

HTML：

<select id="mySelect">
<option value=aa>aa</option>
<option value=bb>bb</option>
<option value=cc>cc</option>
</select>

jQuery：

$("#mySelect").val('bb');

Answer 3

$('.button').click(function(){

    $.ajax({
        type: "POST",
        url: "test.php",
        success: function(data){

               $('.select_class').val(data);

        }
    }); 

});

Answer 4

您可以使用jQuery val()方法，但您也可以使用select的基本javascript函数和属性（具有更好的性能）

select.selectedIndex

是当前选定的索引，因此您可以通过设置此属性

来选择所需的索引

select.options

是您选择

中的选项数组

如何使用jquery或javascript更改所选值

4 个答案: