js 怎么实现select选中触发事件?

JavaScript013

js 怎么实现select选中触发事件?,第1张

方法:

可以使用jQuery的trigger() 方法来响应事件。

定义和用法:

trigger() 方法触发被选元素的指定事件类型。

语法:

$(selector).trigger(event,[param1,param2,...])

参数描述:

event    必需。规定指定元素要触发的事件。可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。   

[param1,param2,...]    可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

实例:

触发 select元素的change事件:

$("button").click(function(){

$("select").trigger("change")

})

在处理表格的时候,我们关心表单中的信息一般有:

• 表单中元素的值。

• 表单元素触发的事件。(如改变元素的值,鼠标移出和移入元素都是元素的事件。)

• 表单本身的事件,主要是提交表单的操作。

对于常用的表单元素,我们有必要了解它的常用属性和事件,下面来分别介绍下:

文本框:

主要属性:

value:通过value属性我们可以获取和设置文本框中的内容。

主要事件:

onfocus:当进入元素的时候触发。

onblur:当离开元素的时候触发。

onchange:当文本框内容发生改变时触发。

onkeypress:键盘按键被按下并释放一个键时触发。

onkeydown:键盘按键被按下触发。

onkeyup:键盘按键被释放触发。

复选框和单选框:

主要属性:

value:checked:获取选项是否勾选,值为true和false。

主要事件:

onclick:选框被点击时触发。

onchange:checked的值改变时触发。

下拉框:

主要属性:

type:获取下拉框的类型(单选或多选)。

selectedIndex:获取被选中选项的序号。

options[x].selected:获取特定选项是否被选中,x为序号。(selectedIndex一般用于单选的下拉框。option[x].selected一般用于可以多选的下拉框。)

主要事件:

onchange:下拉框中被选中的选项改变时触发。

有一个教程网 站-秒秒学上,看下相关的知识,上面讲解得可以。

你好。

首先,你可以为要添加动作的这个<option>元素添加一个id属性,以便脚本引用。如:

<option id="myoption">手动输入</option>

然后,为这个元素添加鼠标点击事件,代码我已经为你写好,请参考:

1、如果你是用原生的Javascript实现,代码如下:

document.getElementById('myoption').onclick = function(){

  // 你的代码

}

2、如果你是喜欢用第三方的 jQuery 框架来实现,可以用下面的代码:

$("#myoption").click(function(){

  // 你的代码

})

以上两种方法任选一种即可,但注意第2种jQuery的方法需要你在文档中引入jquery.js框架后方能使用。

明白了吗?如还有疑惑,欢迎继续追问,很高兴为你解答。