js下拉列表点击事件,下拉列表的点击事件
关于js处理下拉框选中事件的问题,求大神帮忙解决
var rtl=document.getElementById("subject");
改为
var rtl=document.getElementById("subject").value;
你原来的语句,rtl得到的是SELECT元素,而不是它OPTION值,所以后面的if判断就全为false了。
另外,你的if那部分代码,虽然没错,但每次运行都要判断两次,建议写成
iif(rtl=="no"){
document.getElementById("subjectName").readOnly=true;
document.all["subject1"].style.visibility="visible";
}else if(rtl=="yes"){
document.getElementById("subjectName").readOnly=false;
document.all["subject1"].style.visibility="hidden";
}
这样写的话,如果rtl==“no”就只判断一次了,效率会快些。
虽然在小项目中,这样的代码在执行上完全感觉不出不同,但在大项目中就不一样了。
养成一个良好的习惯,对你以后绝对受用。
请教各位大神,JS点击下拉框事件,点击A只显示文本框A,点击B只显示文本框B,点击C显示全部文本框
下拉框中加个change事件,在修改下拉框的值的时候会触发这个事件,之后根据选择的值来控制显示、隐藏文本框。
在JS里面设置DropDownList的点击事件。
建议你直接用onchange事件。加在select里。更改就会触发该事件
如何触发下拉框下拉事件
下面介绍两种方式,主要给出插件代码:
1,可以手动写js,设置下拉框为多选下拉框。
2,也可以使用对应的插件,比如zui.sexy中chosen插件,非常的专业好用。当然还有其他的前端插件,都是可以用的。
插件代码(对应的js包需要自己导入,这里给出关键实现代码):
select?data-placeholder="选择一些爱吃的水果..."?class="chosen-select?form-control"?tabindex="2"?multiple=""
??option?value="strawberries"草莓/option
??option?value="apple"苹果/option
??option?value="orange"橙子/option
??option?value="cherry"樱桃/option
??option?value="banana"香蕉/option
??option?value="figs"无花果/option
/select
!--?下面的代码为插件的具体实现?--
$('select.chosen-select').chosen({
????no_results_text:?'没有找到',????//?当检索时没有找到匹配项时显示的提示文本
????disable_search_threshold:?10,?//?10?个以下的选择项则不显示检索框
????search_contains:?true?????????//?从任意位置开始检索
});
导入对应的js包,利用上面的代码,即可实现多选下拉框的需求,截图如下:
成功完美的实现!