js单击下拉框双击变输入框

JavaScript011

js单击下拉框双击变输入框,第1张

select 好像不响应双击事件；

建议用右键代替双击：

<script>

function show()

{ var a=document.getElementById("div1")

if (event.button==2)

{a.style.display=a.style.display=="none"?"":"none"

}

}

</script>

<select onmousedown="show()">

<option>aaaa</option>

<option>bbb</option>

<option>ccc</option>

<option>dddd</option>

</select>

<div id="div1" style="display:none">

<textarea ></textarea>

</div>

</script>

</head><body>

<select id="selectlist" onchange="selectvalue(this.value)">

<option value="" selected="selected">请选择值</option>

<option value="值1">值1</option>

<option value="值2">值2</option>

<option value="值3">值3</option>

<option value="值4">值4</option>

</select>

</body>

js加载时双击：

1、新建一个html文件，命名为test.html，

2、在test.html页面中，使用button标签创建一个按钮，用于下面双击该按钮时触发双击事件。

3、在test.html页面中，给button按钮绑定ondblclick双击事件，当按钮被双击时，执行go()函数。

4、在test.html页面中，使用script标签标记js代码执行区域，

5、在js内，使用function创建一个go()函数，

6、在go()函数内，使用alert()方法弹出文字内容，例如，弹出这是一个双击按钮文字。

7、在浏览器打开test.html文件，双击按钮，弹出这是一个双击按钮文字。