当前位置：网站首页 > 资源显示

js动态添加下拉框选择并且选中

发布时间：2017/5/2 23:13:23 / 最后修改：2017-5-2 23:14:08 / 浏览：821

见完整代码

完整代码（代码框可以往下拉高显示）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<a href="JavaScript:AddChatToMan('天宝','天宝');">天宝</a>
<a href="JavaScript:AddChatToMan('天宝2','天宝2');">天宝2</a>
<a href="JavaScript:AddChatToMan('天宝3','天宝3');">天宝3</a>
<select name="chatTo" id="chatTo">
<option value="大家">大家</option>
</select>
<script type="text/javascript">
// JavaScript Document
function AddChatToMan(man,manv){
var options = parent.document.getElementById("chatTo").options;
// 循环
for(var i = 0; i < options.length; i++) {
        // 如果此 option 的 value 等于man
        if(options[i].value == man) {
          options[i].selected = true; // 设置此 option 的 selected 属性
		  return; //选中后返回，就不用继续添加新的了
          }
}
parent.document.getElementById("chatTo").options.add(new Option(""+man+"",""+manv+"")); //最后加一个	
AddChatToMan(man,manv); // 重复调用一次，然后 把最后一个添加值设为选定状态，呵呵，是不是太灵活了
}
</script>
</body>
</html>

附件资源（免费）

您尚未登录，暂时无法查阅资源！立即登录

插播广告区

发表评论

您尚未登录，暂时无法发表评论。立即登录

暂无任何评论

推荐资源更多 >>

付费资源更多 >>

广告区