WEB前端 -- 下拉框的触发事件分析（onchange、onfocus、onclick）
select的onChange事件问题解决 （onchange、onfocus、onclick、onmousedown）一、onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！所以&select name="inv_payee" id="ECS_INVPAYEE" onchange="show_payee();" style="border:1pxsolid #"&
&optionvalue=”个人” selected &个人&/option&
//在这要选定一个默认的值“selected”
&optionvalue=”单位”&单位&/option&
&/select&这样在选择第二个时，值就会变即可触发onC二、我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件….&select name=selonchange=”bao(this.options[this.options.selectedIndex].value)”&
&option value=""&请选择
&option value="1"&Item 1
&option value="2"&Item 2
&option value="3"&Item 3
function bao(s){
txt.value =s;
//选择后,让第一项被选中,这样,就有Change啦.
document.all.sel.options[0].selected=
&textareaid=txt&&/textarea&三、js中onchange事件是在客户端改变输入控件的值，比如一个textbox，会出发的一个事件。但是如果在js代码中改变一个textbox的value，而不是通过键盘输入改变一个textbox值的话，是不会出发onchange事件的。那 么，如何在js代码模式通过代码触发textbox控件的onchange事件呢，经过查阅资料，发现js提供了一个方法，可以触发控件的应该是所有事 件。object.fireEvent()方法，使用方法如object.fireEvent(‘onchange’)，即可触发控件的onchange事件。同理，js中使用fireEvent方法还可以触发其他的空间事件。触发onchange事件的问题，并不是值一旦更改就会触发onchange事件。对于onBlur和onFocus可以直接调用object.Blur()和object.Focus()，但javascript中没有object.Change事件。1.ie 处理1document.getElementByIdx_x(‘hid_provider_id’).attachEvent(“onpropertychange”,function(){alert(‘gggg’);});2.object.fireEvent()可以触发事件，如触发onchange事件则是object.fireEvent(‘onchange’)，以此类推。例：&SELECT
id=select1
onchange="alert(this.value)"&
value="0"&0&/OPTION&
value="1"&1&/OPTION&
value="2"&2&/OPTION&
type="text"
id="text1"
name="text1"&
type="button"
value="Button"
onclick="select1.selectedIndex=text1.value"&手动改变select的值，会触发onchange脚本改变selectedIndex,不会触发onchange解决办法if
(select1.fireEvent)
select1.fireEvent(“onchange”)
select1.onchange()或&INPUT
type="button"
value="Button"
onclick="select1.selectedIndex=text1.select1.fireEvent(‘onchange’)"&程序,里因为程序里有多个action里并每个action有多个submit按钮事件，为了区别代码，同时页面隐藏按钮&select name="select" onchange="document.getElementByIdx_x('seaoldsubmit').click();"&
&option value="0"&查询条件&/option&
&input type="submit" name="seaoldsubmit" value="确定" style="display:none"&
if(submitcheck('seaoldsubmit'))四、最近项目中遇到一个问题，要用js去触发onchange事件。上网找了一些资料，IE上有onpropertychang事件，可以用js去触发这个事件，但是Firefox不支持这个事件，然后在firefox中去绑定一个input事件。但是这是无效的啊，仍然不会去触发onchange事件。最后只能用未解决方案了！用js修改值的时候，在js执行修改完之后去执行onchange事件，不过这样即使这个值不改变的话也会调用这个方法。function handle()
document.getElementByIdx_x('msg').innerHTML='输入的文字长度为：'+document.getElementByIdx_x('txt').value.
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if(/msie/i.test(navigator.userAgent))
//ie浏览器
document.getElementByIdx_x('txt').onpropertychange=handle
{//非ie浏览器，比如Firefox
document.getElementByIdx_x('txt').addEventListener("input",handle,false);
&body id="mybody"&
&div id="msg"&&/div&
&input id="txt"value="" /&以上为测试代码。五、onfocus实现了任意点击，在数据库了也只查询一次六、onmousedown单击一次就查询一次，所以每选择一次就查询一次，增加了数据库的负担。每次选择至少要查询两次（一次是在数据库加载数据，一次是选择选项时又触发一次）出处：
Select下拉框动态获取数据，并触发事件
WEB基础,select触发事件,获取option自定义属性的值
jquery选择下拉框触发事件的实现
JS Onblur 与Onclick事件冲突的解决办法
JS 之onchange onclick ……常用事件
select onchange方法传值
jquery div 下拉框焦点事件
JS：1.6事件（Event）（onclick,onchange,onload,onunload,onfocus,onblur,onselect,onmuse）
Javascript事件：this.value()和this.select()
jQuery实现select下拉框选中数据触发事件
没有更多推荐了，【图文】营销QQ操作手册_百度文库
您的浏览器Javascript被禁用，需开启后体验完整功能，
享专业文档下载特权
&赠共享文档下载特权
&10W篇文档免费专享
&每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
营销QQ操作手册
阅读已结束，下载本文到电脑
定制HR最喜欢的简历
你可能喜欢js 实现下拉框展开_百度知道
js 实现下拉框展开
&option&1&/option&
&option&2&/option&&/select&&input type=&button& value=&aa&/&现在，想点击按钮时，下拉框展开，请问怎么实现，请高手帮忙。
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
1.给select命名一个id属性，比如select的id叫做ddlSelect2.给button按钮加个onclick事件，如下下&input type=&button& value=&aa& onclick=&document.getElementById('ddlSelect').size = document.getElementById('select').&/&这样可实现展开效果提示下：该select原本在js中是没有自动展开的属性的，只能设置select标签的size属性来实现展开的效果
采纳率：49%
为您推荐：
其他类似问题
您可能关注的内容
下拉框的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。js怎么能取得多选下拉框选中的多个值？_百度知道
js怎么能取得多选下拉框选中的多个值？
&select name=&i_ts_desc& id=&i_ts_desc& multiple=&true&&
&option value=&1&&A&/option&
&option value=&2&&B&/option&
&option value=&3&&C&/option&
&option value=&4&&D&/option&
选中前两项，如何用js将选中的选项存成数组...
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：1、HTML结构&select&id=&test&&multiple=&true&& &option&value=&option-A&&option-A&/option&&& &option&value=&option-B&&option-B&/option& &option&value=&option-C&&option-C&/option&& &option&value=&option-D&&option-D&/option&&/select&&input&type=&button&&value=&确定&&onclick=&fun()&&/&2、javascript代码function&fun(){ var&select&=&document.getElementById(&test&); var&str&=&[]; for(i=0;i&select.i++){
if(select.options[i].selected){
str.push(select[i].value);
} } alert(str);}3、效果演示
采纳率：91%
来自团队：
var desc_id=[];var obj = document.getElementById(&i_ts_desc&);for(var i=0;i&obj.options.i++){
if(obj.options[i].selected){
desc_id.push(obj.options[i].value);// 收集选中项
本回答被提问者和网友采纳
&html&&head&
&script type=&text/javascript&&
function check() {
var arr = new Array();
var op = document.getElementsByTagName(&option&);
for (var i = 0; i & op. i++) {
if (op[i].selected) {
arr.push(op[i].value);
alert(arr);
&/script&&/head&&body&
&select name=&i_ts_desc& id=&i_ts_desc& multiple=&true&&
&option value=&1&&A&/option&
&option value=&2&&B&/option&
&option value=&3&&C&/option&
&option value=&4&&D&/option&
&input type=&button& onclick=&check()& value=&click& /&&/body&&/html&
下拉框中一次只能获取一个值呀，你可以这样实现：1 你每次选择一次select
把onchange触发时候的值存到一个input中这样你多次选择select之后 input中就有多个值了2
你再把整个input值ajax发送出去
直接用：Request(&i_ts_desc&)试下
其他3条回答
为您推荐：
其他类似问题
下拉框的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。QTP如何模拟鼠标事件点击下拉框,选中下拉框的某项值？_百度知道
QTP如何模拟鼠标事件点击下拉框,选中下拉框的某项值？
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
两个办法第一 如果你会写代码 就用vbs写一行代码 分分钟搞定 不会写会搜也行 搜过来看懂了改成你要的第二 如果你实在不懂代码 就使用低级录制 注意屏幕分辨率 注意窗口最大化 注意录完这段切换回到普通模式
采纳率：83%
为您推荐：
其他类似问题
qtp的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。