select选中值，传this

最新推荐文章于 2024-04-04 00:13:10 发布
转载 最新推荐文章于 2024-04-04 00:13:10 发布 · 233 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/loveMis/p/9894791.html

本文介绍了一种使用jQuery获取HTML中Select元素当前选中项值的方法。通过在Select元素上应用onChange事件，当选项发生变化时，可以调用自定义函数a()来获取选中项的值。 
<select onChange = "a(this)"></select>
function a(obj){
    $(obj).find("option:selected").val()
}
获取select选中的值

转载于:https://www.cnblogs.com/loveMis/p/9894791.html

aozhang1070
关注
解决vue 更改计算属性后select选中值不更改的问题
08-27
解决 Vue 中计算属性更新后 Select 选中值不更新的问题 Vue 是一个流行的前端框架，它提供了强大的计算属性功能，允许开发者根据需求动态计算并更新页面数据。但是，在使用计算属性时，可能会遇到一些意外的问题，...
jquery select 选中值设置左右select选择互换
10-31
本话题聚焦于使用jQuery来实现两个select元素之间的选中值互换功能。这对于用户界面设计，尤其是在需要双向联动或者数据交换的场景下，是一个实用的功能。 首先，我们要了解HTML中的`<select>`元素。它是创建下拉...
Javascript 中调参数的脚本onclick="select(this)" this 怎么解释
weixin_30797027的博客
04-09 689
解释1、 this，指当前的onclick所在的节点本身。 比如： <div onclick='select(this)"></div> 则当点击div时，this就是div这个dom节点。 解释2、 input标签中onclick="test(this)"在浏览器解析后，会自动转换成javascript的事件函数input对象.onc...
Jquery 的 $(“select“, this)
陈熙之的博客
04-01 340
$(".imgurl").hover(function () { $(".updatelayer", this).show(); }, function () { $(".updatelayer", this).hide(); }); 好久没碰Juery了，今天写的时候随便找了下居然还有这种写法。 原本 $(".updatelayer").show();所有的.updatelayer类都会显示 加上this，$(".updatela...
【D3js】d3.select(this)获取到的 DOM对象的数据结构
萧仁武~~博客~~
07-08 1859
d3.select(this) 对应的DOM对象数据结构
d3.select(this)不能用箭头函数
weixin_30802171的博客
11-10 444
d3中典型的数据绑定片段 const items = svg.selectAll('g') .data(gdfs,(d)=> d.name); const enter = items.enter().append('g'); //console.log(enter); //没有update()函数了，添...
select设置选中项/select的级联
09-10 628
一、selected="selected" HTML通过<select>的属性来设置选中项， 此方法也可以在动态语言在后台根据需要控制输出结果。 <select ID='sel' class="form-control width150"> <option value="1">开启</option> <opt...
layui-select动态选中值的例子
10-16
通过`$div.find('dl dd[lay-value="'+parentCode+'"]').addClass('layui-this')`这句代码，实现了新构造的select中相应值的动态选中效果。 6. 如果`parentCode`为空，那么就清空input的值，`$div.find('divinput')....
jquery中获取select选中值的代码
12-09
2. **获取select选中的值**： 要获取选中选项的`value`属性，可以使用`$(“#ddlregtype “).val();`。这段代码中，`val()`方法直接返回`<select>`元素的`value`属性值，它通常是与用户看到的文本相对应的隐藏值，...
layer插件select选中默认值的方法
10-18
接着，它更新layui的select标题输入框的值，并处理下拉列表的样式，确保选中的选项带有“layui-this”类。 总结来说，要使layer插件的select选择框显示默认选中值，你可以直接设置select的value属性，或者使用layui...
jquery获取select选中值的方法分析
10-23
主要介绍了jquery获取select选中值的方法,结合实例详细分析了jQuery获取select选中项option文本值及value值的方法,同时给出了JavaScript获取select选中项的技巧,需要的朋友可以参考下
Javascript事件：this.value()和this.select()
weixin_30568591的博客
09-10 1426
1.JavaScript的this.value() <asp:TextBox ID="txtComment" runat="server" Text="请输入评论内容" onclick="this.value=''"> </asp:TextBox> 当文本框获得焦点的时候，文本框内容清空 2.JavaScript的this.value() <html:...
记一次jquery: select下拉框默认设置选中项（利用数据回显）
m0_58017645的博客
05-11 1万+
1. 用selected属性默认增加选中项： <select name="" id=""> <option value="1">主航线</option> <option value="2" selected>备航线</option> </select> --> 2.根据后台返回值进行回显，设置选中项 （假设后台返回被选中的下拉框数据为optionType为2） ❤ 法一 参考：关于select下拉框的数据回显.
select标签如何设置默认选中的选项
firstcode666的博客
11-27 2万+
方法有两种。 第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。 < select id = "sel" > < option value = "1" >1</ option > < option value = "2" selected = "selected" >2</ option > < option ...
select获取选中的值
热门推荐
进行中
02-25 4万+
1. 如何设置默认选中呢 设置默认选中可在option 中添加 selected = "selected",具体举例如下: &lt;option value="2" selected="selected"&gt;test2&lt;/option&gt; &lt;select id="citySel" class="select"&gt; &lt
hibernate 中 Criteria 的使用介绍
寒光2008
10-07 541
要对资料库管理系统进行操作，最基本的就是使用SQL（Standard Query Language）语句，大部份的资料库都支援标准的SQL语句，然而也有一些特定于资料库的SQL语句，应用程式配合SQL语句进行资料库查询时，若使用到特定于资料库的SQL语句，程式本身会有相依于特定资料库的问题。 使用Hibernate时，即使您不了解SQL的使用与撰写，也可以使用它所提供的API来进行SQL语句...
jQuery select获取选中的值资料记录，零基础开始学web前端开发
2401_84091938的博客
04-04 1328
1.设置Select索引值为1的项选中2.设置Select的Value值为4的项选中3.设置Select的Text值为jQuery的项选中//为Select追加一个Option(下拉项)$(“#select_id”).prepend(“请选择”);//为Select插入一个Option(第一个位置)//删除Select中索引值最大Option(最后一个)//删除Select中索引值为0的Option(第一个)//删除Select中Value=’3’的Option。
js 设置select选中的项
BlizzardWu的博客
08-17 5995
<select class="select_styled" id="ptz_com_nub"> <option style="font-size: 20px;" value="01" selected>COM1</option> <option style="font-size: 20px;" value="02">COM2 </option> <option style="font-size: 20px;"
elementui中select选中值触发事件
最新发布
10-01
在ElementUI中，select组件选中值触发事件有多种实现方式。 一种方式是利用`change`事件，当select组件的选中值发生改变时触发。在elementui的select中，同一个选项连续点击时也能触发`change`事件，示例代码如下： ```vue <template> <div> <h4>临时文件</h4> <el-select class="selectStyle" :value="fields_id" placeholder="插入自定义字段" filterable blur> <el-option v-for="(item,value) in options" :key="value" :label="item.label" :value="item.label" @click.native="insertField(item.label)"> </el-option> </el-select> <div style="height:150px;"></div> <textarea :rows="8" :cols="110" placeholder="请输入内容" id="" v-model="saveData" ></textarea> </div> </template> <script> export default { data(){ return{ fields_id:'', saveData:'', options:[ {value:1,label:'mobile'}, {value:2,label:'name'}, {value:3,label:'nick'} ] } }, methods:{ insertField(label){ this.fields_id = label; if(this.saveData == ''){ this.saveData = '' } this.saveData += '${' + this.fields_id + '}' } } } </script> ``` 在上述代码里，当点击`el-option`时，调用`insertField`方法，该方法会更新`fields_id`的值，并且对`saveData`进行处理，从而实现选中值触发事件的效果[^2]。 另一种实现方式是结合`@click.native`点击事件和`visible`事件。在select组件内包含`option`标签，给`option`绑定一个`@click.native`点击事件并传入`value`值。在`@click.native`绑定的事件中，判断传入的`value`和当前select选中的选项是否一致，若一致则弹出`popover`弹框。同时，给select绑定一个`visible`事件，不管select选项弹框显示还是消失，都将`popover`隐藏，以此达到点击select选项才弹出`popover`弹框的效果[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值