2011-03-07 105 views
1

我有了一個下拉菜單 我需要的用戶能夠通過改變文本框中的值更改的下拉菜單中的選項的值的形式,將如何做到這一點使用jQuery的JavaScript或PHP?更改選項值

<div id="formh"> 
<form id="form"> 
<select name="test" id="test"> 
<option id="op1" value="1">1234</option> 
<option id="op2" value="2">2134</option> 
</select> 
</form> 
</div> 
<div id="st"> 
<form name="settings"> 
Op1 Value<input /> 
Op2 Value<input /> 
</form> 
</div> 
+0

是否要更改下拉列表中顯示的文本或將表格發送回服務器的值? – rcravens 2011-03-07 00:09:59

回答

1

如果我明白你的問題正確看來你想改變文本框的選項的值。

如果你給輸入框一個id,你可以做到以下幾點:這個

$("#inputOpt1").change(function(){ 
    $("#op1").val($(this).val()); 
}); 

例如在jsfiddle

+0

yup!做到了!感謝buddy – jackson5 2011-03-07 00:26:39

1

標記是正確的,如果您希望數據在使用點擊輸入框時更新,也可以使用focusout()jquery函數。

+0

是的,我會使用它,你有upvote和10代表! YAAY你! – jackson5 2011-03-07 00:27:54

1

你肯定會用JavaScript來做到這一點。唯一的問題是您是否需要從服務器檢索信息,在這種情況下,您需要使用AJAX解決方案並從服務器獲取信息。不過,只要使用一些簡單的JavaScript,你就完全可以。