很简单的问题，我希望。
我有这样的普通<select>盒子
<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）。
HTML 标记
<select id="select">
<option value="1" data-foo="dogs">this</option>
<option value="2" data-foo="cats">that</option>
<option value="3" data-foo="gerbils">other</option>
</select>
代码
// JavaScript using jQuery
$(function(){
$('select').change(function(){
var selected = $(this).find('option:selected');
var extra = selected.data('foo');
...
});
});
// Plain old JavaScript
var sel = document.getElementById('select');
var selected = sel.options[sel.selectedIndex];
var extra = selected.getAttribute('data-foo');
在此处将其视为使用 jQuery 的工作示例：http : //jsfiddle.net/GsdCj/1/在此处将
其视为使用纯 JavaScript 的工作示例：http : //jsfiddle.net/GsdCj/2/
通过使用HTML5 中的数据属性，您可以以语法有效的方式向元素添加额外的数据，该方式也可以从 jQuery 轻松访问。
对我来说，听起来您想创建一个新属性？你想要
<option value="2" value2="somethingElse">...
要做到这一点，你可以这样做
$(your selector).attr('value2', 'the value');
然后要检索它，您可以使用
$(your selector).attr('value2')
它不会是有效的代码，但我想它可以完成这项工作。
我从我认为你的问题可能是两个例子：
检查这个以存储附加值。它使用数据属性来存储另一个值：
HTML
<Select id="SDistrict" class="form-control">
<option value="1" data-color="yellow" > Mango </option>
</select>
JS 初始化时
$('#SDistrict').selectize({
create: false,
sortField: 'text',
onInitialize: function() {
var s = this;
this.revertSettings.$children.each(function() {
$.extend(s.options[this.value], $(this).data());
});
},
onChange: function(value) {
var option = this.options[value];
alert(option.text + ' color is ' + option.color);
}
});
您可以使用 option.[data-attribute] 访问选项标签的数据属性
HTML/JSP 标记：
<form:option
data-libelle="${compte.libelleCompte}"
data-raison="${compte.libelleSociale}" data-rib="${compte.numeroCompte}" <c:out value="${compte.libelleCompte} *MAD*"/>
</form:option>
JQUERY 代码：事件：更改
var $this = $(this);
var $selectedOption = $this.find('option:selected');
var libelle = $selectedOption.data('libelle');
拥有一个元素 libelle.val() 或 libelle.text()