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

JavaScript022

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

方法：

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

定义和用法：

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

语法：

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

参数描述：

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

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

实例：

触发 select元素的change事件：

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

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

})

<script type="text/javascript">

window.onload = function() {

// 创建 input 元素

var checkbox = document.createElement("input")

checkbox.type = "checkbox"

checkbox.value = "123"

// 页面添加 checkbox

document.body.appendChild(checkbox)

// 点击

checkbox.onclick = function() {

if(this.checked) {

alert("选中")

}

else {

alert("未选中")

}

alert("value: " + this.value)

}

}

</script>

<script type="text/javascript">

function check(vi)//当选中时改变样式

{

if(vi.checked){

vi.parentNode.parentNode.className ="c"

}

}

</script>

<style type="text/css">

.c{ background-color:yellow}

</style>

<table>

<tr>

<td>1</td>

<td><input type="checkbox" id="check1" onclick="check(this)"></td>

<td>01</td>

<td>职称</td>

<td>01</td>

<td>董事长</td>

<td>boss</td>

</tr>

</table>

也可以这么写 vi.parentNode.parentNode.style.background ="yellow"