日期:2014-05-17  浏览次数:20884 次

<select>标签可添加文字
<select>标签往往基本只能选择其中已有的选项,但是现在我可以填写任意我想要的。举个例子:
<select>
  <option>北京</option>
  <option>上海</option>
  <option>南京</option>
  <option>其他</option>
</select>

我的要求是:当你选择第四个“其他”的时候,弹出一个小的对话框,对话框上面有个文本框,两个按钮(确定和取消),现在就可以在这个文本框中填写我想要的东西了,然后点击确定,就可以提交这个数据了

------解决方案--------------------
这个要用事件来控制,然后用DHTML来控制控件显示与隐藏,比如:
<select onchange="document.getElementById('hello').style='block';">
<option>北京</option>
<option>上海</option>
<option>南京</option>
<option>其他</option>
</select>
<input id="hello" style="display:none;" value="world" >