Question

我有两个下拉列表，即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。

我怎样才能做到这一点？请任何人帮助我。

Answer 1

您可以使用javascript相应地更改值。根据使用js的用户输入，在选择类型的选项标签中设置selected=true的值。

Answer 2

<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>

很抱歉发布单独的答案。无法在评论中发布此代码。

选择根据用户选择设置下拉列表（单选按钮）

2 个答案: