首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery添加附加数据以选择选项

使用jQuery添加附加数据以选择选项
EN

Stack Overflow用户
提问于 2010-12-31 01:12:35
回答 4查看 182.2K关注 0票数 149

我希望是一个非常简单的问题。

我有一个常见的<select>盒子,就像这样

代码语言:javascript
复制
<select id="select">
    <option value="1">this</option>
    <option value="2">that</option>
    <option value="3">other</option>
</select>

我可以获得所选值(通过使用$("#select").val())和所选项目的显示值(通过使用$("#select :selected").text() )。

但是如何在<option>标记中像附加值一样存储呢?我希望能够执行类似<option value="3.1" value2="3.2">other</option>的操作,并获得value2属性的值(在本例中为3.2 )。

EN

回答 4

Stack Overflow用户

发布于 2010-12-31 01:21:39

在我看来,您似乎想要创建一个新属性?你想要

代码语言:javascript
复制
<option value="2" value2="somethingElse">...

要做到这一点,您可以这样做

代码语言:javascript
复制
$(your selector).attr('value2', 'the value');

然后,要检索它,您可以使用

代码语言:javascript
复制
$(your selector).attr('value2')

它不会是有效的代码,但我猜它可以完成这项工作。

票数 6
EN

Stack Overflow用户

发布于 2010-12-31 01:18:32

我举了两个例子,我认为你的问题可能是:

http://jsfiddle.net/grdn4/

查看此内容以存储其他值。它使用数据属性来存储其他值:

http://jsfiddle.net/27qJP/1/

票数 2
EN

Stack Overflow用户

发布于 2014-02-11 23:25:00

HTML/JSP标记:

代码语言:javascript
复制
<form:option 
data-libelle="${compte.libelleCompte}" 
data-raison="${compte.libelleSociale}"   data-rib="${compte.numeroCompte}"                              <c:out value="${compte.libelleCompte} *MAD*"/>
</form:option>

JQUERY代码: Event: change

代码语言:javascript
复制
var $this = $(this);
var $selectedOption = $this.find('option:selected');
var libelle = $selectedOption.data('libelle');

拥有元素libelle.val()或libelle.text()

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4564659

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档