cxselect.js的简单介绍

更新：<time datetime="2022-11-25 16:30">2022-11-25 16:30</time>

本文目录一览：

1、js操作select控件的几种方法
2、js 怎么实现select选中触发事件
3、标签js事件设置

js操作select控件的几种方法

//获取select值
$('#select').val();
//给select附默认值
$('#select').find('option[value=b]').attr('selected', true);
select id="select" name="test"
  option value="a"a/option
  option value="b"b/option
  option value="c"c/option
/select

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

方法：
可以使用jQuery的trigger() 方法来响应事件。 定义和用法：
trigger() 方法触发被选元素的指定事件类型。 语法：

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

参数描述：

• event 必需。规定指定元素要触发的事件。可以是自定义事件（使用 bind() 函数来附加），或者任何标准事件。
• [param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。 实例：
  触发 select元素的change事件：

$("button").click(function(){
  $("select").trigger("change");
});

标签js事件设置

你一个JS，然后在其他页面引用这个JS。
在这个JS中，将所有的Select都加上Onchange事件。 举例：select.js:

onload = function() {
  var selects = document.getElementsByTagName('select');
  for(var i = 0; i < selects.length; i++) {
    selects[i].onchange = function() {
      //这里就是Onchange事件时要干的事。
    }
  }
}