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

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

php中文网

发布： 2016-06-24 11:51:40

原创

2128人浏览过

代码如下

<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>

登录后复制

如何转换成下图样式：

LibLib AI

中国领先原创AI模型分享社区，拥有LibLib等于拥有了超多模型的模型库、免费的在线生图工具，不考虑配置的模型训练工具

647

查看详情

回复讨论(解决方案)

<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标签

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