`
wangzi6hao
  • 浏览: 213766 次
  • 性别: 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 option值

    这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...

    jQuery获取Select选择的Text和_Value

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

    用jquery获取select标签中选中的option值及文本的示例

    根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...

    Jquery操作Select option整理

    - `$("#testSelect option:selected").text()` 返回当前被选中的 `&lt;option&gt;` 的文本内容。 - `$("#testSelect").find("option:selected").text()` 是另一种写法,效果相同。 - `$("#testSelect").val()` 返回当前被...

    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获取Select标签的值

    获取 Select 选中的 Text 值 如果想要获取选中项的文本内容(即 `&lt;option&gt;` 标签内的文本),可以这样操作: ```javascript $("select").find("option:selected").text(); ``` #### 二、控制表单元素 除了获取 ...

    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标签的手册

    若要获取`Select`标签中当前选中选项的文本内容,可以使用`$("select").find("option:selected").text()`。例如: ```javascript var selectedText = $("select").find("option:selected").text(); ``` 这将...

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

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

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

    本文将详细解析如何使用jQuery来获取和设置`&lt;select&gt;`元素的值,以及如何设置选中项。 1. **设置value为pxx的项选中** 当你需要将某个选项设为选中状态,且该选项的`value`属性为`pxx`时,可以使用`val()`方法。...

    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的text/value值为选中状态

    本文主要聚焦于如何使用jQuery来控制SELECT元素的text(文本)和value(值)使其处于选中状态,并获取当前选中的text和value。以下是对这些操作的详细解释: 1. **设置value为“全部”的项选中** 当我们需要将...

    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、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    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_

Global site tag (gtag.js) - Google Analytics