搜索框选项，如何将input形式转换成select形式_html/css_WEB-ITnose

代码如下

<form name=bf onSubmit="bottomForm();return false;">    <script>  function bottomForm(){  var $=document.bf.key.value;  if(document.bf.sto[0].checked)window.open("http://xxx/index.php?s=vod-search-wd-"+$,"a1");  if(document.bf.sto[1].checked)window.open("http://xxx/?cat=103&s="+$,"a2");  if(document.bf.sto[2].checked)window.open("http://xxx/?cat=1&s="+$,"a3");  return false}  </script>   <div class="form">  <h4>搜索</h4>  <input name=sto type=radio value="0" checked=true>动画 <input name=sto type=radio value="1">萌化 <input name=sto type=radio value="2">资讯</a> <input name="key" class="search-keyword" value="（输入搜索内容……）" onfocus="if(this.value=='（输入搜索内容……）'){this.value='';}"  onblur="if(this.value==''){this.value='（输入搜索内容……）';}">  <button type="submit" class="search-submit">搜索</button>  </div>  </form> 

如何转换成下图样式：

回复讨论(解决方案)

<form name=bf onSubmit="bottomForm();return false;">    <script>  function bottomForm(){  var $=document.bf.key.value;  if(document.bf.sto.selectedIndex==0)window.open("http://xxx/index.php?s=vod-search-wd-"+$,"a1");  if(document.bf.sto.selectedIndex==1)window.open("http://xxx/?cat=103&s="+$,"a2");  if(document.bf.sto.selectedIndex==2)window.open("http://xxx/?cat=1&s="+$,"a3");  return false}  </script>   <div class="form">  <h4>搜索</h4> <select name="sto">	<option value="0" selected="selected">动画</option>	<option value="1">萌化</option>	<option value="2">资讯</option></select><input name="key" class="search-keyword" value="（输入搜索内容……）" onfocus="if(this.value=='（输入搜索内容……）'){this.value='';}"  onblur="if(this.value==''){this.value='（输入搜索内容……）';}">  <button type="submit" class="search-submit">搜索</button>  </div>  </form> 

直接改成select标签

直接改成select标签

那也会改，但js那块不知道怎么弄的.....