根据select中选定option触发不同事件

做公司项目,要实现一个小需求,根据下拉框选定的数据,绑定不同的事件.我的思路是获取select下面的option值,然后给它们定义不同的点击事件,但是在使用中option不能添加类,同时没有click事件. html代码: <select id="sel" name="selectType" onchange="typeChange()"> <option on="1" value="事件1&quo…

删除select中所有option选项jquery代码

select中所有option选项如何删除,本文使用jquery简单实现下,有此需求的朋友可以参考下,希望对大家有所帮助. 这样写复制代码代码如下: <select id="search"> <option>baidu</option> <option>sogou</option> </select> 清空: 复制代码代码如下: $("#search").find("opti…

js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行

js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行代码如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="htt…

实现 select中指定option选中触发事件

我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发. 当我们触发select的双击事件时,用ondblclick方法.当我们要取得select的选中事件时,用document.all['name'].value来获取,其中name是select的名称.如果我们要得到select的全部的值就用一个for循环来实现.代码如下: var vi = document.a…

HTML Select 标签选择后触发jQuery事件代码实例

页面设计原由: 因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点. 实现起来并不难,但由于公司有很多办事处,所以需要设计一个选单,在用户选择相应办事处后自动加载相关的地图,于是我做了以下页面: (小弟不才,如代码有冗余或您有更好的写法还请各位指正,谢谢!底部有贴出原代码!) 那么如何写Select中的触发事件呢? 有以下几种方法: 方法一,纯JS代码: <select id="addr" onc…

jquery新增，删除，修改，清空select中的option

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value 3. var checkIndex=jQuery("#sele…

jQuery获取select中全部option值

<select id="language"> <option value="">请选择</option> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value="Jekyll">Jekyll</op…

删除select中所有option选项

这样写 <select id="search"> <option>baidu</option> <option>sogou</option> </select> 清空: $("#search").find("option").remove(); 或者 $("#search").empty();…

vue select中的option循环的时候，要使用 :value,不能使用 v-model

<select class="classColor" @change="select" v-model="selectValue"> <option v-for="(itema, index) in classSelect" :key="index" v-text="itema.class_name" :value="itema.id"><…

Vue.js，select中的option用ajax想循环控制值的显示 v-model可以实现但提示报错，这是为什么？

应该将v-model换成:value,因为v-model只能绑定一个值,无法绑定多个值 <select v-model="citys"> <option v-for="(item,index) in city" :value="item.val" v-text="item.name" ></option></select>…

select控件自动触发change事件

这里接上面的二级联动.背景:当页面跳转到修改页面时,需要首先绑定学院和专业.这就需要在页面加载时触发select的change事件,具体用trigger函数进行实现.代码如下. $("#xsxy").change(function (event, flag) { var xyidvalue; if (flag == "start") xyidvalue = '<%=xsxyid%>'; else xyidvalue = $(this).val(); $.…

select 中添加option的注意

在平时写JS中经常要给Select添加option,如果我们把option中的数据用一个字符串来表示: eg: var strOption='<option>1</option><option>2</option><option>3</option>'; 这种写法,直接给 select 对象的innerHTML赋值的时候在IE中会无法赋值成功,在Firefox和chrome中会成功! objSelect.innerHTML=strOp…

jsp在select中的option中编写if标签

<select onchange="lxx(this)"> <option value="">全部</option> <option value="水电" <c:if test='${lx=="水电"}'>selected=selected</c:if> >水电</option> <option value="火电"…

pc端美化select，jquery获取select中的option的text值

代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font-family: 宋体, Arial, Helvet…

select中的option被选中时页面的跳转

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='js/jquery.min.js'></script> </head> <body> <select name="" id=…

【JSP EL】使用EL表达式比较动态选中 select中的option

<option value="${k.key }" ${KPIThis.parent.parent.thisId == k.key ? "selected" : ""}>${k.value}</option>…

JQuery操作select中的option

html页面代码例如以下: <!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/xhtml"> <head> <meta http-equ…

居中select中的option选项

select经常有长短不一的选项:选择不同的选项居中不会生效: 使用text-align:center;text-align-last: center; 可以让所有选项都居中: 关于text-decoration:underline 有时候会和文字挨在一起,我们需要他们之间有间隙: 可使用box-shadow: 0 1px 实现…

option触发事件两种方法总结

代码如下: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>option触发事件</title> <script src="jquery-1.7.2.min.js"></script> </head> <body> <select name="" id…

ComboBox绑定数据源时触发SelectedIndexChanged事件的处理办法

转载:http://blog.sina.com.cn/s/blog_629e606f01014d4b.html ComboBox最经常使用的事件就是SelectedIndexChanged.但在将ComboBox绑定到某个数据源的过程中,会触发SelectedIndexChanged事件,而这个时候用户并没有选择内容,其SelectedValue也不是对应字段的值.那么时写在SelectedIndexChanged中的处理代码就会因为SelectedValue的内容不正确引发异常.一般网上找到的…