javascript改写 <select>checked的选中,并不会出发change事件,太好了!

<html>
<title>测试select标签的分别用程序checked、用户手动checked</title>
<body>
    第一级菜单:
    <select id="lp_type" name="lp_type">
        <option value="">请选择</option>
        <option value="L" id="lp_type_1">料件L</option>
        <option value="P" id="lp_type_2">成品P</option>
    </select>
    第二级菜单:
    <select id="ie_type" name="ie_type">
        <option value="">请选择</option>
        <option value="I">进口I</option>
        <option value="E">出口E</option>
    </select>
</body>

<!--需要加入jquery文件,放在同目录下即可。 注意修改成你那里的jquery文件名-->
<script src="./jquery-1.11.1.min.js"></script>

<script>
$(function(){
    $("#lp_type_1").attr("checked","checked");    //在程序里改变 第一级菜单select元素的checked项,并不会触发change事件,真是太好了! 

});

$("#lp_type").on("change",function(){//仅仅在用户手动改变checked时才会触发change事件
        alert("第一级菜单被触发");
});
</script>
</html>
时间: 2024-10-10 20:47:29

javascript改写 <select>checked的选中,并不会出发change事件,太好了!的相关文章

Javascript获取select下拉框选中的的值

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 <select id="test"  name="">     <option   value="1">text1</option>     <option   value="2">text2</option>    </select> co

JavaScript获取select下拉框中的第一个值

JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

使用jquery/javascript判断及改变checkbox选中状态

一.使用jquery判断及改变checkbox选中状态 1.使用JQuery判断一个checkbox 是否为选中: (1).attr('checked) 看JQuery版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false (2).prop('checked') 1.6+:true/false (3).is(':checked') eg:$("input[type='checkbox']").is(':

Javascript 操作select控件

转:Javascript 操作select控件大全(新增.修改.删除.选中.清空.判断存在等)Posted on 2007-08-08 14:56 礼拜一 阅读(5) 评论(0) 编辑 收藏 1判断select选项中 是否存在Value="paraValue"的Item  2向select选项中 加入一个Item  3从select选项中 删除一个Item  4删除select中选中的项  5修改select选项中 value="paraValue"的text为&q

JavaScript解决select下拉框中的内容太长显示不全的问题

JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

下拉框&mdash;&mdash;把一个select框中选中内容移到另一个select框中遇到的问题

在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来的select框中,代码如下:                  <select class="select1" name="select1" multiple="multiple">                     <op

JSP---根据值让Select某项选中

<% String myClass = student.getStud_class();//从数据库获取该生的班级 %> <td> <select name="stud_class"> <option value="一年级" <%if (myClass.equals("一年级")) out.print("selected");%> >一年级</option>

用JavaScript获取页面上被选中的文字的技巧

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法.最关键的JavaScript API是: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字. $(document).ready(function () { $(".contenttext").mouseup(function (e) { var txt;

JavaScript向select下拉框中添加和删除元素

JavaScript向select下拉框中添加和删除元素 1.说明 a   利用append()方法向下拉框中添加元素 b   利用remove()方法移除下拉框中最后一个元素 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xm