select 下拉框怎么可以选择option里面的值，也可以用户自己输入啊-HTML教程-爱易网页

select 下拉框怎么可以选择option里面的值，也可以用户自己输入啊

日期：2014-05-16　浏览次数：20591 次

select 下拉框如何可以选择option里面的值，也可以用户自己输入啊？
select 下拉框如何可以选择option里面的值，也可以用户自己输入啊？
高手粘贴下代码，谢谢

下拉框

------解决方案--------------------
百度一下带输入框的下拉框。很多
------解决方案--------------------
有个插件的好像是叫COMBOX
------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>输入框的下拉提示</title>

<style type="text/css">

<!--

body{background:#fff}

.Menu {

position:relative;

width:204px;

height:127px;

z-index:1;

background: #FFF;

border:1px solid #000;

margin-top:-100px;

display:none;

}

.Menu2 {

position: absolute;

left:0;

top:0;

width:100%;

height:auto;

overflow:hidden;

z-index:1;

}

.Menu2 ul{margin:0;padding:0}

.Menu2 ul li{width:100%;height:25px;line-height:25px;text-indent:15px;

border-bottom:1px dashed #ccc;color:#666;cursor:pointer;

change:expression(

this.onmouseover=function(){

this.style.background="#F2F5EF";

},

this.onmouseout=function(){

this.style.background="";

}

)

}

input{width:200px}

.form{width:200px;height:auto;}

.form div{position:relative;top:0;left:0;margin-bottom:5px}

#List1,#List2,#List3{left:0px;top:93px;}

-->

</style>

<script type="text/javascript">

function showAndHide(obj,types){

var Layer=window.document.getElementById(obj);

switch(types){

case "show":

Layer.style.display="block";

break;

case "hide":

Layer.style.display="none";

break;

}

}

function getValue(obj,str){

var input=window.document.getElementById(obj);

input.value=str;

}

</script>

</head>

<body>

<div class="form">

<div> Location：<input type="text" id="txt" name="txt" onfocus="showAndHide('List1','show');" onblur="showAndHide('List1','hide');"></div>

<!--列表1-->

<div class="Menu" id="List1">

<div class="Menu2">

<ul>

<li onmousedown="getValue('txt','中国CHINA');showAndHide('List1','hide');">中国CHINA</li>

<li onmousedown="getValue('txt','美国USA');showAndHide('List1','hide');">美国USA</li>

</ul>

</div>

</div>

<div> Sex：<input type="text" id="txt2" name="txt2" onfocus="showAndHide('List2','show');" onblur="showAndHide('List2','hide');"></div>

<!--列表2-->

<div class="Menu" id="List2">

<div class="Menu2">

<ul>

<li onmousedown="getValue('txt2','男Male');showAndHide('List2','hide');">男Male</li>

<li onmousedown="getValue('txt2','女Female');showAndHide('List2','hide');">女Female</li>

</ul>

&

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

select 下拉框怎么可以选择option里面的值，也可以用户自己输入啊

相关资料更多>

推荐阅读更多>