2013-01-18 34 views
0

我有一個,我想要更改使用稍後在應用程序中觸發onClick的函數。如何使用jquery或javascript更改所選值

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

然後通過點擊一個按鈕,一個函數將運行並使用php發送一個查詢到mysql。讓說,PHP迴應我的「BB」,那麼我怎麼能改變這個選擇在BBC上選擇?

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

不起作用。

回答

1

HTML:

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

的jQuery:

$("#mySelect").val('bb'); 
1
$('.button').click(function(){ 

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

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

     } 
    }); 

}); 
+0

'VAR值數組= response'是真的有必要嗎? –

+0

我把它只是爲了解釋,我編輯我的帖子檢查它 –

+0

現在很好,但我建議你與jQuery函數的可讀性一致 - 「jQuery」和「$'。 –

2

添加標識符到您選擇的元素,如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返回的值。

1

您可以使用jQuery val()方法,但你也可以使用基本的javascript函數和選擇的屬性(有更好的表現)

select.selectedIndex 

是當前選擇的索引,所以你可以選擇什麼你想通過設置此propertie

select.options 

是選擇在你選擇

相關問題