求代码，来解决两个上拉框的联动
日期：2014-05-16 浏览次数：20406 次
求代码，来解决两个下拉框的联动
我有两个下拉框，分别为：
下拉框一
和下拉框二
我现在想知道怎么写js的function A(obj)，来实现以下功能。
1）选中下拉框一的ID，下拉框二中就只剩“That Equals”选项。
2）选中下拉框一的“Family/Last Name”或者“Full Name”，下拉框二中所有选项都可选，默认选中“That Begins With”。
非常感谢！
------解决方案--------------------
我有两个下拉框，分别为：
下拉框一
- HTML code
<select onchange="A(this)" name="STy1" id="STy1" size="1"><option value="sn" selected="true">Family/Last Name</option><option value="cn">Full Name</option><option value="id">ID</option></select>
和下拉框二
- HTML code
<select name="SLk1" id="SLk1" size="1"><option value="OBW">That Begins With</option><option value="OOS">That Contains</option><option value="OEM">That Equals</option></select>
我现在想知道怎么写js的function A(obj)，来实现以下功能。
1）选中下拉框一的ID，下拉框二中就只剩“That Equals”选项。
2）选中下拉框一的“Family/Last Name”或者“Full Name”，下拉框二中所有选项都可选，默认选中“That Begins With”。
非常感谢！
------解决方案--------------------
- HTML code
<select onchange="A(this)" name="STy1" id="STy1" size="1">
<option value="sn" selected="true">Family/Last Name</option>
<option value="cn">Full Name</option>
<option value="id">ID</option>
</select>
<select name="SLk1" id="SLk1" size="1">
<option value="OBW">That Begins With</option>
<option value="OOS">That Contains</option>
<option value="OEM">That Equals</option></select>
<script type="text/javascript">
var opt = [];
function A(obj) {
var sel = document.getElementById('SLk1');
if (obj.value == 'id') {
if (opt.length == 0) { opt[0] = sel.options[0]; opt[1] = sel.options[1]; } //存储起来，IE不支持option的style="display:none"
//删除1,2项
sel.removeChild(sel.options[0]);
sel.removeChild(sel.options[0]);
}
else if (sel.options.length == 1) { //重新添加1,2项
sel.insertBefore(opt[0],sel.options[0]);
sel.insertBefore(opt[1], sel.options[1]);
sel.selectedIndex = 0;
}
}
</script>
------解决方案--------------------
- JScript code
<html>
<head>
<title>demo</title>
</head>
<body>
<select onchange="A(this)" name="STy1" id="STy1" size="1">
<option value="sn" selected="selected" show="OBW,OOS,OEM" defvalue="OBW">Family/Last Name</option>
<option value="cn" show="OBW,OOS,OEM" defvalue="OBW">Full Name</option>
<option value="id" show="OEM" defvalue="OEM">ID</option>
</select>
<select name="SLk1" id="SLk1" size="1">
<option value="OBW">That Begins With</option>
<option value="OOS">That Contains</option>
<option value="OEM">That Equals</option>
</select>
<script type="text/javascript">
var Ori = {
STy1: "STy1",
SLk1Id: "SLk1",
SLk1: [],
Init: function() {
var obj = document.getElementById(this.SLk1Id);
var list = [];
if (obj) {
for (var i = 0; i < obj.options.length; i++) {
list[i]
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
