`
wangzi6hao
  • 浏览: 210240 次
  • 性别: Icon_minigender_1
  • 来自: sdf
社区版块
存档分类
最新评论

Jquery得到select option 选中的text值

阅读更多

2008-10-29 17:29

使用习惯了jquery,百度一下没有关于这个的简单点的,就自己动手分析写一个了。
虽然可以使用以下js来得到text

document.getElementById("lnkId").options[document.getElementById("lnkId").selectedIndex].text
 


但是总觉得烦,不爽,还是用jquery吧
对了我的jquery是1.2.6版本的,可能版本低会有影响。

<select name="lnkId" id="lnkId" style="width:100px;">
                            <option value="">-选择联系人-</option>
                            <option value="">-asdfwef-</option>
<option value="">-asdfasdf-</option>
<option value="">-选asdfas择efasdfasdf联系人-</option>
                        </select>

 使用这一句就好了
alert($("#lnkId>option:selected").get(0).text);
相信各位jquery基本功已经过关了,以上代码我就不解释了。

分享到:
评论

相关推荐

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#select_id option[text='jQuery']").attr("selected", true)` 方法设置 Select 的 Text 值为 jQuery 的项选中。 三、 jQuery 添加/删除 Select 的 Option 项 jQuery 也提供了方法来添加或删除 ...

    jQuery操作select下拉框的text值和value值的方法

    1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...

    jquery获得selectoption值[文].pdf

    以下是一些关于如何使用jQuery获取和设置`select`、`option`、`radio`、`checkbox`以及文本输入(`input[type=text]`)等元素的值的关键知识点: 1. **获取选中的`select`值**: ```javascript var item = $(...

    页面如何获取select框选中值(实例)

    用alert()方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省:"+prov.text()+"市:"+...

    jQuery获取Select标签的手册

    jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val();...下拉框select选中的text 值:$("select").find("option:selected").text();

    jquery获取select选中值的方法分析

    以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s”).text(); //获取所有option的文本值 实际上应该这样: 复制代码 代码如下:$(“#s option:selected”).text(); //...

    jquery模拟select效果实现

    本文将详细讨论如何使用jQuery来实现这一功能,同时提供一个自编的简单实用的模拟select效果的代码示例。 首先,让我们理解原生HTML `select` 元素的基本功能。`&lt;select&gt;` 元素用于创建一个下拉列表,用户可以从中...

    jQuery模拟Select下拉菜单选中添加代码

    在本文中,我们将深入探讨如何使用jQuery来模拟一个具有选中效果和搜索功能的Select下拉菜单,这在多选场景中非常有用。 首先,我们需要理解原生HTML的`&lt;select&gt;`元素及其`&lt;option&gt;`子元素。`&lt;select&gt;`用于创建一个...

    JQuery操作select

    `$("#testSelect option:selected").text()`和`$("#testSelect").find('option:selected').text()`都是获取选中option的文本内容,而`$("#testSelect").val()`则是获取选中option的值。这些方法在需要读取用户选择时...

    jquery操作select详解(取值,设置选中)

    2、设置text为pxx的项选中 $(“.selector”).find(“option”).attr(“selected”,true); 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。 3...

    select option带自定义图片

    接下来,我们需要一个JavaScript库,比如jQuery,来处理`&lt;select&gt;`元素。这里我们将用JavaScript将`&lt;option&gt;`替换为包含图片和文本的自定义元素: ```javascript $(document).ready(function() { var select = $('...

    jQuery实现select下拉框菜单选中插件.zip

    现在,你可以通过`$('select').selectOption('value', false)`或`$('select').selectOption('text', true)`来根据值或文本选中选项。 此外,我们可以考虑在插件中添加事件监听,以便在用户更改选择时触发某些操作。...

    jquery实现select带模糊搜索下拉选择框

    创建一个基础的 `select` 元素,添加 `id` 以便于 `jQuery` 选中: ```html &lt;select id="searchable-select"&gt; &lt;!-- &lt;option&gt;...&lt;/option&gt; --&gt; &lt;/select&gt; ``` 3. **CSS 设计**: 在 `custom.css` 中,我们...

    jquery获取input表单值的代码

    jquery取radio单选按钮的值$(“input[name=’items’]:checked”).... 获取select被选中项的文本 var item = $(“select[name=items] option[selected]”).text(); select下拉框的第二个元素为当前选中值 $(‘#select_

    JQuery选中select组件被选中的值方法

    jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $(“#ddlregtype”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlregtype “).val(); 获取select选中的索引: ...

    jQuery取得设置清空select选择的文本与值

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

    jQuery实现select下拉框样式美化效果

    在网页设计中,选择框(select)是常见的一种交互元素,用于用户在多个选项中进行选择。然而,原生的HTML select元素样式在...同时,持续关注类似`Select2`这样的优秀开源项目,可以让你在实践中获得更多的灵感和帮助。

    jquery+select选中左侧项目移动到右侧

    首先,我们创建一个新的 option 元素,然后设置它的值和文本,接着将这个新选项添加到右侧 select 中,最后从左侧 select 中移除已经移动的选项。 至此,我们已经实现了所需的功能:用户可以选中左侧 select 中的...

    Jquery操作select标签例子

    本文将详细讲解如何使用jQuery来管理HTML中的`&lt;select&gt;`元素,包括选择、更改选项,获取选中项的文本、值和索引,以及清除、删除和添加选项。 首先,要进行jQuery操作,需要在HTML文档中引入jQuery库。在这个例子中...

    js获取select标签选中值的两种方式

    代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/

Global site tag (gtag.js) - Google Analytics