动态改变 Select 选项

原创 2004年10月27日 12:13:00
动态改变 Select 内容  

<html>
<HEAD>
<title>例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT LANGUAGE="JavaScript">
var meng1Array =  new Array("('选择Heha.net栏目内容','',true,true)",
"('学习 XML')",
"('学习 Javascript')",
"('学习 PHP')");
var mengArray =  new Array("('选择Myrice.com栏目内容','',true,true)",
"('学习 Flash')",
"('学习 Dreamweaver Ultradev')",
"('学习 Java')");
var meng2Array =  new Array("('选择China.com栏目内容','',true,true)",
"('查找歌词')",
"('其他')");

function populatemxhweb(inForm,selected) {
var selectedArray = eval(selected + "Array");
while (selectedArray.length < inForm.mxhweb.options.length) {
inForm.mxhweb.options[(inForm.mxhweb.options.length - 1)] = null;
}
for (var i=0; i < selectedArray.length; i++) {
eval("inForm.mxhweb.options[i]=" + "new Option" + selectedArray[i]);
}

if ( navigator.appName == 'Netscape') {
if (parseInt(navigator.appVersion) < 4) {
window.history.go(0);
}

}
//以下不影响

}

</script>
<link rel="stylesheet" href="../css/css.css" type="text/css">
</head>

<body topmargin="0" leftmargin="0" marginweight="0" marginheight="0"  bgcolor="#0099FF" oncontextmenu="return false;"><p>&nbsp;</p>
<font color="#000066">说明:适用于IE4,IE5.5,IE5,NS4+,NS6。早期版本的IE5.0可能无法工作。</font>
<center>
<form name="globe">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<select  onChange="populatemxhweb(document.globe,this.options[selectedIndex].value)">
<option value="meng">http://lucky.myrice.com
<option value="meng1">http://go.163.com/colorweb
<option value="meng2">http://egirl.51.net
</select>
</td>
<td>
<select name="mxhweb" onChange="window.open('http://egirl.51.net')">
<option value=''>☆ 请选择上面的选项 ☆</option>
</select>
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<input type="button" value="关闭本页" onclick="window.close()">
</form>
</center>
</body>
</html>

动态修改select内的选项

var mySelect = document.getElementByIdx_x("id"); //获取select对象 mySelect.options.length = 0;  //每次添加前先...
  • lsfhack
  • lsfhack
  • 2017年04月08日 08:32
  • 354

JQuery获取和设置Select选项方法

JQuery获取和设置Select选项 获取Select :  获取select 选中的 text:   $("#ddlRegType").find("option:selected").text()...
  • Feiin
  • Feiin
  • 2009年02月16日 17:03
  • 67697

select下拉菜单所有选项均罗列显示

name="" id="selectLeft" multiple="multiple"> value="">1 value="">2 value="">3 value=...
  • euxil97
  • euxil97
  • 2017年09月03日 13:27
  • 361

动态给select添加选项的常用方法

web开发中,经常需要给select动态添加数据,常用的方法有几种: 1.基于dom方式的添加 2.使用innerHTML添加 3.object方式添加 以下是示例           ...
  • hsany330
  • hsany330
  • 2014年02月25日 16:45
  • 1139

JS动态添加Select选项

废话不多说,代码如下 newopt = document.createElement("option"); newopt.text = "父菜单"; ...
  • a765266619
  • a765266619
  • 2017年01月12日 11:18
  • 693

动态加载<select>选项

$(function(){ initializeSelect(); }); function initializeSelect() { var all="[{'name':'苹果',...
  • Varose
  • Varose
  • 2017年03月30日 09:40
  • 696

怎么用纯css 修改美化select选择框

不过采取这种方式, 不怎么美丽如图: html: Here is the first option The second option css: .styled-se...
  • qq_22823581
  • qq_22823581
  • 2017年03月17日 15:16
  • 350

使用JS添加删除select选项

一、步骤1.获得文本框的值 var text = document.getElementById("op").value;2.创建选项对象 var op = new Option(text...
  • qq_32475739
  • qq_32475739
  • 2017年07月11日 19:02
  • 92

JQuery获取和设置Select选项的常用方法总结

1.获取select 选中的 text:  $("#cusChildTypeId").find("option:selected").text();  $("#cusChildTypeId opt...
  • Inuyasha1121
  • Inuyasha1121
  • 2015年03月17日 17:01
  • 2255

js select 页面返回选中原来的选项

js select 页面返回选中原来的选项 (1)后台返回 (2)只在前端页面遍历循环 选中   function display(optionID){         var all_o...
  • caox_nazi
  • caox_nazi
  • 2017年10月25日 10:53
  • 135
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态改变 Select 选项
举报原因:
原因补充:

(最多只允许输入30个字)