2011-06-14 116 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