我的脚本代码:
function trigonchange(){
select_id =$("#trig_method").value;
if(select_id == "script") {
$("#one").css("visibilty","visible");
$("#a").css("visibilty","visible");
$("#three").css("visibilty","visible");
$("#threea").css("visibilty","visible");
$("#threeb").css("visibilty","visible");
$("#two").css("visibilty","hidden");
$("#four").css("visibilty","hidden");
}
else {
$('#two').css("visibility","visible");
$('#four').css("visibilty","visible");
$('#one').css("visibilty","hidden");
$('#a').css("visibilty","hidden");
$('#three').css("visibilty","hidden");
$('#threea').css("visibilty","hidden");
$('#threeb').css("visibilty","hidden");
}
}
HTML
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function) {
$("#trig_method").change(trigonchange());
}
</script>
</head>
<body>
<form action="test_management.cgi" name="input" onsubmit="return(validatefrm());" style="margin-left:0%;" method="POST" enctype="multipart/form-data">
<table cellspacing="10">
<tr><td>Test Case Name</td><td><input type="text" name="tc_id" size="40"></td></tr>
<tr></tr>
<tr></tr><tr></tr>
<tr><td>Category</td><td><select name="category" id="cat">
<option val="server">server</option>
<option val="network">network</option>
<option val="storage">storage</option>
</select></td></tr>
<tr></tr><tr></tr>
<tr></tr><tr></tr>
<tr><td>Sub-Category</td><td><select name="itemdata" id="item">
</select></td></tr>
<tr></tr><tr></tr><tr></tr>
<tr><td>Trigger Method</td><td>
<select name="trig_method" id="trig_method" onchange="trigonchange();this.selectedIndex=this.defaultIndex;" onfocus="this.defaultIndex=this.selectedIndex;">
<option value="cmd">CMD</option>
<option value="script">SCRIPT</option>
</select></td></tr><tr></tr><tr></tr>
<tr id="two">
<td style="width:40%;">Enter the command </td>
<td>
<input class="mg" type="text" size="40" name="cmd">
</td>
</tr>
<tr id="one" style="visibility: hidden;"><td style="width:40%;">Specify a script path</td><td>
<input type="file" id= "script" name="script" size="40"></td></tr>
<tr id="a" style="visibility: hidden;"><td>OR</td></tr>
<tr id="t" style="visibility: hidden;"><td style="width:40%;"> Specify the UNIX path</td><td><input type="text" id="script" size="40"/></td></tr>
<tr id="four"><td style="width:40%;">Please specify the exepected output in case of CMD</td>
<td><textarea name="cmd_verification" cols="30" rows="5" id="ta" ></textarea>
<tr id="three" style="visibility: hidden;"><td style="width:40%;">Specify the Config File </td>
<td><input type="file" siz="40"></td></tr><tr id="threea" style="visibility:hidden;"><td>OR</td></tr>
<tr id="threeb" style="visibility:hidden;"><td style="width:40%;">Specify the Config file unix path</td><td><input type="text" size="40" class="mg"/></td></tr>
<tr></tr><tr><td>Testcase Description</td><td><textarea name="test_description" cols="30" rows="5"></textarea></td></tr><tr></tr><tr></tr>
<tr><td></td><td><input type="submit" id="b" value="Submit"></td></tr>
</table></form>
</body>
我想在更改下拉菜单(CMD/SCRIPT)时显示/隐藏字段。它在 Mozilla 和 Chrome 上完美运行，但在 IE 中却不行。我已经添加了你们所有的建议并编辑了代码。但它仍然无法工作(现在它无法在任何浏览器中工作)
最佳答案
不能在一个元素中两次使用相同的属性。如果您想在 onchange 中执行多项操作，请将它们放在一个属性中，并用 ; 分隔。
<select name="trig_method" id="trig_method" onchange="trigonchange();this.selectedIndex=this.defaultIndex;" onfocus="this.defaultIndex=this.selectedIndex;">
关于javascript 代码可以在 mozilla 和 chrome 中运行，但不能在 IE 中运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21250745/