当前位置: 代码迷 >> Java Web开发 >> 单选按钮,控制下拉框,如何写
  详细解决方案

单选按钮,控制下拉框,如何写

热度:725   发布时间:2016-04-17 12:30:44.0
单选按钮,控制下拉框,怎么写
<input name="love" type="radio" id="radio9" style="WIDTH: 12px" value="未婚"> 
  &nbsp;未婚   
 <input id="radio10" style="WIDTH: 12px" type="radio" value="已婚" name="love" >已婚  <br>

下拉:未婚下拉,
<select name="kind" size="1" id="select5" style="font-family: 宋体;border:1px solid; font-size: 9pt">
<option value="交友" selected> 交友 </option>
<option value="征婚"> 征婚 </option>
  <option value="游 玩"> 游 玩 </option>
  <OPTION VALUE="志趣相投">志趣相投</OPTION>
  <OPTION VALUE="恋 人"> 恋 人 </OPTION>
  <OPTION VALUE="其 它"> 其 它 </OPTION>
  </select>

已婚下拉:
<select name="kind" size="1" id="select5" style="font-family: 宋体;border:1px solid; font-size: 9pt">
<option value="交友" selected> 交友 </option>
<option value="游 玩"> 游 玩 </option>
  <OPTION VALUE="志趣相投">志趣相投</OPTION>
  <OPTION VALUE="恋 人"> 恋 人 </OPTION>
  <OPTION VALUE="其 它"> 其 它 </OPTION>
  </select>

------解决方案--------------------
JScript code
<html><head><script>var sele = "1";   //1:未婚状态 2:已婚状态function doChan(obj) {    if (obj == 1) {        if (sele == "2") {            document.all.kind.add(new Option("征婚", "征婚"), 1);            sele = "1";        }    }    if (obj == 2) {        if (sele == "1") {            document.all.kind.options[1] = null;            sele = "2";        }    }}</script></head><body ><input   name="love"   type="radio"   id="radio9"   style="WIDTH:   12px"   value="未婚" onclick="doChan(1);">                                           &nbsp;未婚         <input   id="radio10"   style="WIDTH:   12px"     type="radio"   value="已婚"   name="love"   onclick="doChan(2);"> 已婚    <br>    <select   name="kind"   size="1"   id="select5"   style="font-family:   宋体;border:1px   solid;   font-size:   9pt">                               <option     value="交友"   selected>   交友  </option>               <option     value="征婚">   征婚  </option>                                             <option     value="游   玩">   游   玩  </option>                                             <OPTION     VALUE="志趣相投"> 志趣相投 </OPTION>                                             <OPTION       VALUE="恋   人">   恋   人  </OPTION>                                             <OPTION       VALUE="其   它">   其   它  </OPTION>                                         </select></body></html>
------解决方案--------------------
有人回答了.
------解决方案--------------------
运行看看,,,选了已婚,下拉里有没有征婚。。。。。

上现大哥写的不是我要的效果呢。。
  相关解决方案