1. 爱易网页
  2. Java教程
  3. 单选按钮,控制下拉框,如何写

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

日期：2014-05-18　 浏览次数：20734 次

单选按钮,控制下拉框,怎么写
<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>

------解决方案--------------------

有人回答了．

------解决方案--------------------

运行看看，，，选了已婚，下拉里有没有征婚。。。。。

上现大哥写的不是我要的效果呢。。

相关资料更多>

  1. Spring2.0 中 AOP 拦截并控制流程解决方案
  2. java 分隔tif格式文件解决方法
  3. sql 语句乱码有关问题
  4. struts2 No result defined for action .其中之一的或者原因
  5. myeclipse基于struts框架web项目运行出错 求解解决方法
  6. 找新手一起学JAVA,该怎么解决
  7. 请教如何把表格里的某一行置顶
  8. ssh框架怎么动态连接表
  9. jfreechart技术疑问？该如何解决