2011-06-14 157 views
0

我有兩個dropdownlists,即A和B.選擇根據用戶選擇(單選按鈕)

我需要設置下拉列表A和B與兩個不同的值設定的下拉列表中,根據選擇的選中的單選按鈕由用戶。

有兩個單選按鈕即R1和R2:

  • 如果用戶選擇R1然後下拉列表A應選擇00:00和B應該選擇08:00
  • 如果用戶選擇R2,則下拉列表A應選擇00:00,B應選擇04:00;

這兩個下拉列表,A和B都包含00:00,00:01 ...高達23:59。

我該如何做到這一點?請任何人幫助我。

回答

0
<script language="javascript" type="text/javascript"> 
function func(obj){ 
if(obj.value=="r1"){ 
    var bnd = document.getElementById("sel1") 
     bnd.options[1].selected=1; 
    var bnd1 = document.getElementById("sel2") 
     bnd1.options[2].selected=1; 
} 
if(obj.value=="r2"){ 
    var bnd = document.getElementById("sel1") 
     bnd.options[0].selected=1; 
    var bnd1 = document.getElementById("sel2") 
     bnd1.options[1].selected=1; 
} 
} 
</script> 

<INPUT type="radio" id="val" name="r" value="r1" onclick="func(this)"> R1<BR> 
<INPUT type="radio" id="val1" name="r" value="r2" onclick="func(this)"> R2<BR> 
<SELECT name="sel1" id="sel1"> 
    <OPTION value="opt11">Opt11</OPTION> 
    <OPTION value="opt12">opt12</OPTION> 
    <OPTION value="opt13">Opt13</OPTION> 
</SELECT> 
<SELECT name="sel2" id="sel2"> 
    <OPTION value="opt21">opt21</OPTION> 
    <OPTION value="opt22">opt22</OPTION> 
    <OPTION value="opt23">opt23</OPTION> 
</SELECT> 

對不起,作爲單獨的答案發布。無法在評論中發佈此代碼。

+0

你還沒有使用ajax概念atall ..!馬麗娟。 – Gnan 2011-06-16 02:59:50

+0

'Selected = 1'表示我將所選屬性的值設置爲true。 – Balanivash 2011-06-16 04:10:27

+0

非常感謝@Balanivash。 – Gnan 2011-06-16 06:12:24

0

您可以使用javascript來相應地更改值。根據使用js的用戶輸入,在選擇類型的選項標籤中設置值selected=true

+0

請你能爲我提供這個示例代碼。 – Gnan 2011-06-15 02:27:12