<select>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>
大家好 :)
我有一个带有下拉列表和文本框的页面。下拉列表包含数字..一旦用户从下拉列表中选择值,它将根据所选数字显示文本框...
我不知道如何执行这个功能:(
我需要帮助 ..
如果从下拉列表中选择 1,则应显示 1 文本框,如果从下拉列表中选择 2,则应显示 2 文本框...与其余相同...
谢谢..
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#slct').change(function () {
var value = $(this).val(); var toAppend = '';
if (value == 1) {
toAppend = "<input type='textbox' >"; $("#container").html(toAppend); return;
}
if (value == 2) {
toAppend = "<input type='textbox' > <input type='textbox' >"; $("#container").html(toAppend); return;
}
if (value = 3) {
toAppend = "<input type='textbox' > <input type='textbox' > <input type='textbox' >"; $("#container").html(toAppend); return;
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="slct">
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>
<div id="container"></div>
</div>
</form>
</body>
</html>
如果 jquery 不起作用,请尝试以下代码:
function change() {
var select = document.getElementById("slct");
var divv = document.getElementById("container");
var value = select.value;
if (value == 1) {
toAppend = "<input type='textbox' >"; divv.innerHTML=toAppend; return;
}
if (value == 2) {
toAppend = "<input type='textbox' > <input type='textbox' >";divv.innerHTML = toAppend; return;
}
if (value = 3) {
toAppend = "<input type='textbox' > <input type='textbox' > <input type='textbox' >";divv.innerHTML = toAppend; return;
}
}
<select id="slct" onchange="change();">
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>
<div id="container"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)