下拉表單選幾，就自動出幾個表單
但，彈出的表單欄位是不一樣的。 彈出的表單欄位是aaa,bbb,ccc,ddd,eee
uj5u.com熱心網友回復：
<select name="sel" id="sel">
<option value="https://bbs.csdn.net/topics/aaa" selected="selected">1</option>
<option value="https://bbs.csdn.net/topics/bbb">2</option>
<option value="https://bbs.csdn.net/topics/ccc">3</option>
<option value="https://bbs.csdn.net/topics/ddd">4</option>
<option value="https://bbs.csdn.net/topics/eee">5</option>
</select>
<div id="inputBox"></div>
<script type="text/javascript">
;(function(){
var sel = document.getElementById("sel");
function change() {
var index = sel.selectedIndex;
var children = document.querySelectorAll("#inputBox>div");
var len = Math.max(index+1,children.length);
for (var i = 0; i < len; i++) {
if (i > index) {
children[i].style.display = "none";
} else if (i < children.length) {
children[i].style.display = "block";
} else {
var div = document.createElement("div");
div.innerHTML = sel.options[i].text + '<input type="text" name="'+sel.options[i].value+'" />';
document.getElementById("inputBox").appendChild(div);
}
}
}
sel.onchange = change;
change();
})();
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/54490.html
標籤：HTML(CSS)
下一篇：create-react-app專案里面匯入antd，總是在報“Error: Cannot find module './locale'”