jquery新手求助，改变下拉框只改变触发事件的值以后，如何触发onchange事件

来源：蜘蛛抓取(WebSpider) 时间：2017-11-05 20:07 标签： jquery下拉框
js 触发select onchange事件代码
字体：[ ] 类型：转载 时间：
select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，本文为大家介绍下使用js触发select onchange事件
select 或text的onchange事件需要手动（通过键盘输入）改变select或text的值才能触发，如果在js中给select或text赋值，则无法触发onchang事件， 例如，在页面加载完成以后，需要触发一个onChange事件，在js中用document.getElementById("province").value="湖北";直接给select或text赋值是不行的，要想实现手动触发onchange事件，需要在js给select赋值后，加入下面的语句 document.getElementById("province").fireEvent('onchange') 来实现,
代码如下: &head& &meta http-equiv="Content-Type" content="text/ charset=gb2312" /& &title&无标题文档&/title& &script type="text/javascript"& var provinces = new Array(); provinces["湖北"] = ["武汉","襄阳","随州","宜昌","十堰"]; provinces["四川"] = ["成都","内江","达州"]; provinces["河南"] =["郑州","南阳","信阳","漯河"]; function changeProvince() { var prov = document.getElementById("province"). var city =document.getElementById("city"); city.options.length =0; for(var i in provinces[prov]) { city.options.add(new Option(provinces[prov][i],provinces[prov][i])); } } window.onload = function(){ var province = document.getElementById("province"); for(var index in provinces) { //alert(index); province.options.add(new Option(index,index)); } province.fireEvent("onchange"); }; &/script& &/head& &body& 省份:&select id="province" onchange= "changeProvince()"&&/select& 城市:&select id="city"&&/select& &/body& &/html&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具jQuery实现select下拉框选中数据触发事件 - CSDN博客
jQuery实现select下拉框选中数据触发事件
今天刚做了一个通过select下拉框修改数据的功能，因为select没有click点击事件，所以当选中下拉框中的数据后，使用onchange事件，但是在js中应该写bind（“change”，function（）{…}）。注意这里用的是change，不是onchange。
下面是我做的实例：
1、body下的内容：
&select id="data" class="data" name="${o.id }" size="1"&
&c:forEach items="${cc }" var="cc"&
&option value="${cc.data}" &c:if test="${cc.data== o.data}"&selected&/c:if&&${cc.data}&/option&
&/c:forEach&
这是我项目里的代码，有些东西可能不是大家需要的，我把关键的东西一会放在后面说。
2、js代码：
$(".data").bind("change",function(){
var dataname = $(this).val();
var url = "basic/update/updateData?id="+$(this).attr("name");
$.post(url,{"dataname":dataname},function(rd){
if(rd.flag){
layer.msg("修改成功");
window.location.reload();
layer.alert(rd.msg);
这是走后台方法修改数据的代码，用到的框架是spring MVC。
大家可以看到，我用的是class绑定的时间，其实用id也可以，只是我的项目里在表格中有很多下拉框，使用id只能修改一条数据，使用class可以对所有数据进行修改；name属性是获取到当前这条数据的id；后面是用post提交数据，对于向后台传递数据的方法可以使用自己的方法。
本文已收录于以下专栏：
相关文章推荐
layer前端框架，追求极简，喜欢的风格。好看是好看，用起来比较dt,,,,,
今天打算写一个通用的方法：通过ajax请求后台数据，显示在select下拉列表里面。
下面是这个方法：
function...
如果不了级的基本的清楚官网查看api网址为
我用的是iframe
如果是iframe层
layer.open({
关于layer.open弹出层单击事件如何调用父窗口方法的说明
select 二级联动 之 匹配效率的提升
最近项目根据需要
做项目中遇到了Select动态获取数据，并当选中Select某个下拉框的时候，获取数据的ID，触发事件
在页面中很简单的几行代码：
对与下拉框中的数据，初始化的时候显示出来：...
本文介绍的是从数据库读取数据动态绑定的二级下拉框
我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。
当我们触发select的双击事件时，用ondblcli...
//获取下拉列表选中项的文本
function getSelectedText(name){
var obj=document.getElementById(name);
for(i=0;i&obj....
function GaiBian(osel){
if(osel.options[osel.selectedIndex].text==1){alert(11);}
    }
  //--&
他的最新文章
讲师：宋宝华
讲师：何宇健
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)Select下拉框onchange事件获取option的value值 - CSDN博客
Select下拉框onchange事件获取option的value值
&select name=&type& onchange=&show_sub(this.options[this.options.selectedIndex].value)&&
&option value=&0&&请选择主类别&/option&
&option value=&1&&1&/option&
&option value=&2&&2&/option&
show_sub的JS方法：
function show_sub(v){
最重要的知识点是获在select onchange时获取option的value值：
this.options[this.options.selectedIndex].value
转自：/index.php/archives/54/
本文已收录于以下专栏：
相关文章推荐
请选择主菜名
Select下拉框onchange事件获取option的value值
onchange代码是这么写的：
function bao()
var obj=document.getElementById(&dajwid&);
var index=obj.s...
&!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.creat...
select下拉框 onchange事件 option值
Js获取下拉框选定项的值和文本Js获取下拉框的值和文本网上提供了2种方法：但有些人很不负责任，他们根本没考虑到浏览器之间的差异导致的错误，导致很多新手琢磨了半天找不出错误！下面我总结下Firefox和...
goUrl(obj){
if(obj.target=='_blank')window.ope...
监听js改变input的值触发的onchange事件
我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触...
JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参（selected的值和页面其它元素的值）
$(document).ready(function()...
他的最新文章
讲师：宋宝华
讲师：何宇健
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 jquery下拉框 的文章

 

随机推荐