select上拉框的有关问题
日期：2014-05-16 浏览次数：20592 次
select下拉框的问题
两个select下拉框 实现根据s1的下拉选项控制s2可不可选
如下代码：
html：
js：
运行调试看到：selectIndex 取到的是null，document.getElementById("s2").setAttribute("disabled", "false");
找不到对象，菜鸟求指导
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
function s1OnChange(itemObj) {
var selectIndex = itemObj.getAttribute("selectedIndex");
if (selectIndex == 0) //可选
{
document.getElementById("s2").setAttribute("disabled", false);
}
else
{
document.getElementById("s2").setAttribute("disabled", true);
}
}
</script>
</head>
<body>
<td><select id='s1' onchange='s1OnChange(this);'><option>可选</option><option>不可选</option></select></td>
<td><select id='s2'><option>No</option><option>Yes</option></select></td>
</body>
</html>
两个select下拉框 实现根据s1的下拉选项控制s2可不可选
如下代码：
html：
<td><select id='s1' onchange='s1OnChange(this);'><option>可选</option><option>不可选</option></select></td>
<td><select id='s2'><option>No</option><option>Yes</option></select></td>
js：
function s1OnChange(itemObj) {
var selectIndex = itemObj.getAttribute("selectedIndex");
if (selectIndex == 0) //可选
{
document.getElementById("s2").setAttribute("disabled", "true");
}
else
{
document.getElementById("s2").setAttribute("disabled", "false");
}
}运行调试看到：selectIndex 取到的是null，document.getElementById("s2").setAttribute("disabled", "false");
找不到对象，菜鸟求指导
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
function s1OnChange(itemObj) {
var selectIndex = itemObj.getAttribute("selectedIndex");
if (selectIndex == 0) //可选
{
document.getElementById("s2").setAttribute("disabled", false);
}
else
{
document.getElementById("s2").setAttribute("disabled", true);
}
}
</script>
</head>
<body>
<td><select id='s1' onchange='s1OnChange(this);'><option>可选</option><option>不可选</option></select></td>
<td><select id='s2'><option>No</option><option>Yes</option></select></td>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
