Question

选择下拉框中的一项后，旁边跳出一个新的文本框

选择了下拉框中的一项后，在该下拉框旁边跳出一个文本框，可以输入数字，不是跳出个网页哦
一楼的答案很接近，能再改下吗？选择第一个不需要跳出文本框，选第二个自动跳出，然后再选择第一个，则自动隐藏，谢谢

Answer 1

<script>
function showText(){
if(document.getElementById("q").value==1){
document.getElementById("text").innerHTML="<input name='a' id='a' value='第一个文本框' type='text' /><input type='button' value='隐藏' onclick='hiddenText();' />";
document.getElementById("q").value=1;
}else if(document.getElementById("q").value==2){
document.getElementById("text").innerHTML="<input name='b' id='b' value='第二个文本框' type='text' /><input type='button' value='隐藏' onclick='hiddenText();' />";
document.getElementById("q").value=2;
}
}
function hiddenText(){
document.getElementById("text").innerHTML="";
}
</script>
<select name="q" id="q" onchange="showText();">
<option value="1">1</option>
<option value="2">2</option>
</select>
<span id="text"></span>