<select>标签可添加文字

Question

<select>标签往往基本只能选择其中已有的选项，但是现在我可以填写任意我想要的。举个例子：
<select>
  <option>北京</option>
  <option>上海</option>
  <option>南京</option>
  <option>其他</option>
</select>我的要求是：当你选择第四个“其他”的时候，弹出一个小的对话框，对话框上面有个文本框，两个按钮（确定和取消），现在就可以在这个文本框中填写我想要的东西了，然后点击确定，就可以提交这个数据了

Answer 1

这个要用事件来控制，然后用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" >

Answer 2

哦，不好意思，漏写了CSS属性名：<select onchange="document.getElementById('hello').style.display='block';">
  <option>北京</option>
  <option>上海</option>
  <option>南京</option>
  <option>其他</option>
</select>
<input id="hello" style="display:none;" value="world" >