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

Question

我有两个下拉列表，即 A 和 B。

我需要根据用户选择的单选按钮为下拉列表 A 和 B 设置两个不同的值。

有两个单选按钮，即 R1 和 R2：

• 如果用户选择 R1，那么下拉列表 A 应该 select 00:00和 B 应该 select 08:00 。
• 如果用户选择 R2，那么下拉列表 A 应该 select 00:00和 B 应该 select 04:00 ；

两个下拉列表 A 和 B 都包含 00:00、00:01... 直到 23:59。

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

Answer 1

您可以使用 javascript 相应地更改值。 根据用户使用js的输入，在select类型的option标签中设置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>

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