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

JavaScript026

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文件,双击按钮,弹出这是一个双击按钮文字。