weui select 选中后设置data-value

jQuery weui Select组件显示指定值

jQuery weui有个支持单选或者多选的select弹出层,默认他是这样的第2部分选择什么值,第1部分就显示什么值,一般的场景支持是没问题了,但本次开发碰到了一个问题. 需求描述: 职业名称后面要显示一些描述,如“法官 2个案件在审理”,“医生正在做手术”,同时要求点击对应项时,只显示“法官”,“医生”而不显示剩余的描述,根据select现有的逻辑是无法实现这个功能的.只能实现选项是什么,显示的值就是什么,不明白,看下图解决方案: 查看官方文档,数据通过title和value进行控制,

JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getElementById("bt"); obt.onclick=function(){ opts[3].selected=tr

js设置下拉框选中后change事件无效解决

下拉框部分代码: <select id="bigType"> <option value="">请选择</option> <option value=">xiamen</option> <option value=">beijing</option> </select> <select id="smallType"> &

Jquery常用radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置

获取一组radio被选中项的值:var item = $('input[name=items][checked]').val(); 获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text(); 获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("selec

jQuery根据文本设置select选中失效问题

$("#select_id option[text='jQuery']").attr("selected", true) 失效 text是Jquery关键字,不太灵光.可以给select的option设置别的属性如"name"然后在设置解决方法: <select name="selInvoiceInfo" id="selInvoiceInfo"> <option

HTML中的<select>标签如何设置默认选中的选项

方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select id = "sel" > < option value = "1" >1</ option > < option value = "2" selected = "selected" >2</ opt

jquery设置select选中

/*设置select选中开始*/ var prod_type=$('.prod_type').val(); //alert(prod_type); var select = document.getElementById("prod_type_name"); for(var i=0; i<select.options.length; i++){ if(select.options[i].value == prod_type){ select.options[i].selected

[转]jquery设置select选中，赋值等操作

一.基础取值问题例如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option:contains('pxx')").attr("selected",true); 注意:$

【jquery】jquery 在 ie6 下无法设置 select 选中的解决方法

本文主要解决在 ie6 下,jquery 无法设置 select 选中的问题.我们先看个例子: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>demo</title> </head> <body> <select name="gameZone"

jquery设置select选中的文本

<select id="prov"> <option value="1">北京市</option> <option value="2">上海市</option> <option value="3">天津市</option> </select> 用jquery设置上面select选中的文本 //第一种方式 var count =

设置select选中某个option

<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法,中括号里的等号的前

jquery根据值设置radio和select选中状态

1.radio选中: $("input[name=test][value=34]").attr("checked",true);//value=34的radio被选中$("input[id=testid][value=34]").attr("checked",true);//value=34的radio被选中 2.select选中: $("#SelectID option[value='selectValue']&q

解决HTML select控件设置属性 disabled 后无法向后台传值的方法

大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的,通常情况下我们会将input框设置为 readonly , 但是 select 控件没有这个属性,需要使用另一个属性 disabled ,但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据. 在网上找了很多方法,大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 disabled 设为 false . 具体的做法就是在form元素添加一个onsubmit事件,绑定到下

Vue的iview组件框架select远程搜索，选中后不刷新的问题

1.场景:弹框内有一个下拉组件(支持搜索),当选择完数据后弹框关闭,再次打开后,下拉框内的数据是刚才选中的数据.原因:分析后觉得是搜索内容没有清空,导致下拉的数据只有一个 2.解决方案 a .解决:调用下setQuery方法,伪代码如下: <select ref="select"><option>1</option><option>2</option></select> this.$refs.select.setQ

Jquery获取select选中的文本与值

jquery获取select选择的文本与值获取select :获取select 选中的 text : $("#ddlregtype").find("option:selected").text();获取select选中的 value: $("#ddlregtype ").val();获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;设置select:设

jQuery获取Select选中的Text和Value

获取Select选中的Text和Value语法解释:$("#select_id").change(function(){//code...}); // 为Select添加事件,当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text(); // 获取Select选择的Textvar checkValue=$("#select_id").va

easyui 》 radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中

获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值$('input[@name=items]').g

HTML页面表单输入框去掉鼠标选中后边框变色的效果

标题说的有些含糊,实在不知道怎么描述了,就简单说一下吧,一个最简单的表单,代码如下,没有任何样式和名字, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本框鼠标点中时边框不变色</title> </head> <body> <input type="text" /> </body

js页面文字选中后分享到新浪微博实现

demo您可以狠狠地点击这里:js文字选中分享到新浪微博demo 方法与代码选中即分享的功能看上去比较高级,其实实现是相当简单的.其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过.这个js文字选中后分享到新浪微博的功能我简单的封装了下,方法名是:$sinaMiniBlogShare,当然,您不喜欢可以换掉,甚至不要,此方法完整代码如下: var $sinaMiniBlogShare = function(eleShare, eleContainer) { var eleTitle = d

jQuery获取Select选中的Text和Value,根据Value值动态添加属性

语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text3. var checkValue=$("#select_id").val(); //获取Select选择的

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

weui select 选中后设置data-value

热门专题