html js创建下拉框,JS----------------创建一个具有下拉框效果的input输入框

1.创建一个具有下拉框效果的input的输入框的思路：

1.页面：创建一个input输入框，其下面有一个div

2.通过js函数，点击input的时候触发。为div中添加

3.其中的

列表点击的时候，为input赋值为中的值

实例：

无标题文档

*{

margin:0px;

padding:0px;

font-size:14px;

}

.lis{

border-bottom:1px solid #000;

}

function setValue(dValue,obj){

var divNode = document.getElementById("addValue");

if(dValue == "block"){

var iHtml="

• "+

"

0.51.01.5"+

"

2.02.53.0";

divNode.innerHTML = iHtml;

}else{

//为控件input赋值[div中li的setValue()函数]

if(obj!=null){

var txtNode = document.getElementById("tInput");

//为text文本赋值为

标签中的值

txtNode.value=obj.innerHTML;

}

//隐藏div

divNode.innerHTML = "";

}

}

//设置移动上去变为收的形状

function toHander(obj){

obj.style.cursor = 'pointer';

}

//显示input的值

function showInputValue(){

var inpNode = document.getElementById("tInput");

alert(inpNode.value);

}