HTML源码如下，请高手帮忙写一段JS脚本，不胜感激
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
请帮忙写一段JS脚本：<br>
当在第一个下拉列表为空时，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择非数字的时候，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择数字的时候，第二个下拉列表则处于可用状态<br><br>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="position:relative;width:118px;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onChange="this.parentNode.nextSibling.value=this.value">
<option value="9">9</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="24">24</option>
<option value="36">36</option>
<option value="xx-small">xx-small</option>
<option value="x-small">x-small</option>
<option value="small">small</option>
<option value="medium">medium</option>
<option value="large">large</option>
<option value="x-large">x-large</option>
<option value="xx-large">xx-large</option>
<option value="smaller">smaller</option>
<option value="larger">larger</option>
</select>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</td>
<td>
<select id="jieguo" name="select2">
<option value="px">px</option>
<option value="pt">pt</option>
<option value="in">in</option>
<option value="cm">cm</option>
<option value="mm">mm</option>
<option value="pc">pc</option>
<option value="em">em</option>
<option value="ex">ex</option>
<option value="%">%</option>
</select></td>
</tr>
</table>
</body>
</html>
★风飘无痕★写得很简单，谢谢啊，但是还有点缺陷，就是当第一个下拉列表选择非数字的时候，第二个下拉列表依然是可用的，能否在第一个下拉列表选择非数字的时候让第二个下拉列表也变为不可用？谢谢了 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
请帮忙写一段JS脚本：<br>
当在第一个下拉列表为空时，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择非数字的时候，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择数字的时候，第二个下拉列表则处于可用状态<br><br>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="position:relative;width:118px;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onChange="this.parentNode.nextSibling.value=this.value">
<option value="9">9</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="24">24</option>
<option value="36">36</option>
<option value="xx-small">xx-small</option>
<option value="x-small">x-small</option>
<option value="small">small</option>
<option value="medium">medium</option>
<option value="large">large</option>
<option value="x-large">x-large</option>
<option value="xx-large">xx-large</option>
<option value="smaller">smaller</option>
<option value="larger">larger</option>
</select>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</td>
<td>
<select id="jieguo" name="select2">
<option value="px">px</option>
<option value="pt">pt</option>
<option value="in">in</option>
<option value="cm">cm</option>
<option value="mm">mm</option>
<option value="pc">pc</option>
<option value="em">em</option>
<option value="ex">ex</option>
<option value="%">%</option>
</select></td>
</tr>
</table>
</body>
</html>
★风飘无痕★写得很简单，谢谢啊，但是还有点缺陷，就是当第一个下拉列表选择非数字的时候，第二个下拉列表依然是可用的，能否在第一个下拉列表选择非数字的时候让第二个下拉列表也变为不可用？谢谢了 展开
展开全部
好了 我修改过的
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function test(num){
var rg=/^[\d]*$/g;
if(num==""){
document.getElementById('jieguo').disabled=true;
return;
}
else if(rg.test(num)){
document.getElementById('jieguo').disabled=false;
return;
}
else{
document.getElementById('jieguo').disabled=true;
return;
}
}
</script>
</head>
<body>
请帮忙写一段JS脚本：<br>
当在第一个下拉列表为空时，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择非数字的时候，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择数字的时候，第二个下拉列表则处于可用状态<br><br>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="position:relative;width:118px;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onChange="this.parentNode.nextSibling.value=this.value;test(this.value)">
<option value="0">请选择s</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="24">24</option>
<option value="36">36</option>
<option value="xx-small">xx-small</option>
<option value="x-small">x-small</option>
<option value="small">small</option>
<option value="medium">medium</option>
<option value="large">large</option>
<option value="x-large">x-large</option>
<option value="xx-large">xx-large</option>
<option value="smaller">smaller</option>
<option value="larger">larger</option>
</select>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;" onKeyUp="test(this.value)">
</div>
</td>
<td>
<select id="jieguo" name="select2" disabled="disabled">
<option value="px">px</option>
<option value="pt">pt</option>
<option value="in">in</option>
<option value="cm">cm</option>
<option value="mm">mm</option>
<option value="pc">pc</option>
<option value="em">em</option>
<option value="ex">ex</option>
<option value="%">%</option>
</select></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function test(num){
var rg=/^[\d]*$/g;
if(num==""){
document.getElementById('jieguo').disabled=true;
return;
}
else if(rg.test(num)){
document.getElementById('jieguo').disabled=false;
return;
}
else{
document.getElementById('jieguo').disabled=true;
return;
}
}
</script>
</head>
<body>
请帮忙写一段JS脚本：<br>
当在第一个下拉列表为空时，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择非数字的时候，第二个下拉列表则处于不可用状态<br>
当在第一个下拉列表输入或选择数字的时候，第二个下拉列表则处于可用状态<br><br>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="position:relative;width:118px;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onChange="this.parentNode.nextSibling.value=this.value;test(this.value)">
<option value="0">请选择s</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="24">24</option>
<option value="36">36</option>
<option value="xx-small">xx-small</option>
<option value="x-small">x-small</option>
<option value="small">small</option>
<option value="medium">medium</option>
<option value="large">large</option>
<option value="x-large">x-large</option>
<option value="xx-large">xx-large</option>
<option value="smaller">smaller</option>
<option value="larger">larger</option>
</select>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;" onKeyUp="test(this.value)">
</div>
</td>
<td>
<select id="jieguo" name="select2" disabled="disabled">
<option value="px">px</option>
<option value="pt">pt</option>
<option value="in">in</option>
<option value="cm">cm</option>
<option value="mm">mm</option>
<option value="pc">pc</option>
<option value="em">em</option>
<option value="ex">ex</option>
<option value="%">%</option>
</select></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
$(document).ready(function(){
$("select:first").change(function(){
if(parseInt($(this).val()))
{
$("#jieguo").removeAttr("disabled");
}
else
{
$("#jieguo").attr("disabled","disabled");
}
});
});
</script>
我用JQUERY给你写了一个，你看一下吧！
（北京八方永信教育）
$(document).ready(function(){
$("select:first").change(function(){
if(parseInt($(this).val()))
{
$("#jieguo").removeAttr("disabled");
}
else
{
$("#jieguo").attr("disabled","disabled");
}
});
});
</script>
我用JQUERY给你写了一个，你看一下吧！
（北京八方永信教育）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
