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

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

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

单选按钮,控制下拉框,怎么写
<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. jsp页面中文本框的值怎么保存
  2. JAVA svg文件转PNG图片 IE8疏失
  3. 请问：Eclipse-jee发布web项目
  4. ie9,10下的js有关问题
  5. java com.sun.mirror系如何使用呢
  6. 怎么获取上拉列表的值并保存。谢谢帮忙
  7. 控制每秒刷新固定帧数，线程休眠、等待哪个更合理解决办法
  8. 10分求个JDK1.4.2_01-b03下载解决方法
  9. 高级有关问题：js已经得到对象，但是却没有向上执行