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包，利用上面的代码，即可实现多选下拉框的需求，截图如下：

成功完美的实现！