怎样让html中的select标签可输入、也可选择？解决思路
日期：2014-05-17 浏览次数：21361 次
怎样让html中的select标签可输入、也可选择？
怎样让html中的select标签可输入、也可选择？
------解决方案--------------------
只能用文本框模拟，用层模拟下拉。
不知道把Text放在Select上面，然后露出Select的那个下拉箭头，然后写好连带的事件来传值，行不行。
呵呵，这样就不用用层来模拟下拉的内容了
------解决方案--------------------
不用层也可以
Text和Select同时只Display一个，初始时用Select，Select内给一个值“手动输入”，当“手动输入”被选择时，切换Display将Select隐藏并显示Text
如果Text要返回到Select，可以用onDblClick事件切换Display
提交的时候判断一下值就可以了。
呵呵，这个不错，我临时想出来的，可行。
------解决方案--------------------
http://feb-.blog.163.com/blog/static/1657789200722411272113/
我写了日志，关于楼主的处理方法之一
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<script language= "JavaScript " type= "text/javascript ">
function checkvalue(form){
var tt=document.form1.s1.value;
alert(tt)
if(tt==4)
{show6.style.visibility= 'visible ';}
else
{show6.style.visibility= 'hidden ';}
}
</script>
<BODY>
<FORM METHOD=POST ACTION= " " name= "form1 ">
<SELECT ID= "s1 " NAME= "s1 " onchange= "checkvalue(this.value) " >
<OPTION value= "0 " > 请输入 </OPTION>
<OPTION value= "1 " > 1111 </OPTION>
<OPTION value= "2 " > 2222 </OPTION>
<OPTION value= "3 " > 3333 </OPTION>
<OPTION value= "4 " > 4444 </OPTION>
</select> </form>
<DIV id=show6 style= "VISIBILITY: hidden; ">
<input type=text name=s1> </div>
</BODY>
</HTML>
怎样让html中的select标签可输入、也可选择？
------解决方案--------------------
只能用文本框模拟，用层模拟下拉。
不知道把Text放在Select上面，然后露出Select的那个下拉箭头，然后写好连带的事件来传值，行不行。
呵呵，这样就不用用层来模拟下拉的内容了
------解决方案--------------------
不用层也可以
Text和Select同时只Display一个，初始时用Select，Select内给一个值“手动输入”，当“手动输入”被选择时，切换Display将Select隐藏并显示Text
如果Text要返回到Select，可以用onDblClick事件切换Display
提交的时候判断一下值就可以了。
呵呵，这个不错，我临时想出来的，可行。
------解决方案--------------------
http://feb-.blog.163.com/blog/static/1657789200722411272113/
我写了日志，关于楼主的处理方法之一
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<script language= "JavaScript " type= "text/javascript ">
function checkvalue(form){
var tt=document.form1.s1.value;
alert(tt)
if(tt==4)
{show6.style.visibility= 'visible ';}
else
{show6.style.visibility= 'hidden ';}
}
</script>
<BODY>
<FORM METHOD=POST ACTION= " " name= "form1 ">
<SELECT ID= "s1 " NAME= "s1 " onchange= "checkvalue(this.value) " >
<OPTION value= "0 " > 请输入 </OPTION>
<OPTION value= "1 " > 1111 </OPTION>
<OPTION value= "2 " > 2222 </OPTION>
<OPTION value= "3 " > 3333 </OPTION>
<OPTION value= "4 " > 4444 </OPTION>
</select> </form>
<DIV id=show6 style= "VISIBILITY: hidden; ">
<input type=text name=s1> </div>
</BODY>
</HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
