jquery 问题请教大神！ 页面有两个单选按钮，⊙男 ○女 如果选中的是男 点击后面的人员选择，则会出现男

JavaScript027

jquery 问题请教大神！ 页面有两个单选按钮，⊙男 ○女 如果选中的是男 点击后面的人员选择，则会出现男,第1张

楼上推荐的ajax方式可以，但是对你来说也许有点复杂，这个东西的基本方法是使用js控制页面元素的显示和隐藏就行了。例如

<input type="radio" onclick="document.getElementById('manDiv').style.display='block'document.getElementById('womenDiv').style.display='none'" checked="checked" />男

<input type="radio" onclick="document.getElementById('manDiv').style.display='none'document.getElementById('womenDiv').style.display='block'" />女

<div id="manDiv">张三，李四</div>

<div id="womenDiv" style="display: none">女1，女2</div>

即把所有姓名按照性别显示在两个div中，利用js控制它们的显示和隐藏就好了。

更精致的操作、控制建议使用jQuery（一种js框架）。

1、人员接口，注册用户名等等，只有前端部分代码是无法完成此功能的。

2、必须要根据后端API接口来实现此功能。在后台逻辑中会实现注册用户名逻辑，你需要和后台开发人员沟通。

3、希望对你有帮助。

1、使用innerHTML

<script>

var shosetype=document.createElement("select") //创建select标签   

shosetype.setAttribute("id","sc")//设置select的id为“sc"

document.body.appendChild(shosetype)//将select添加到body

var option="<option value=\"1\">添加成功</option>"//新建options

shosetype.innerHTML=option//将option添加到select

</script>

2、options.add

//根据select查找对象， 

var obj=document.getElementById('mySelect') //获取到id为'mySelect'的select元素

//添加一个选项 

obj.add(new Option("文本","值")) //添加select的options  这个只能在IE中有效 

obj.options.add(new Option("text","value")) //添加select的options  这个兼容IE与firefox