Jquery提醒自定义属性的值

时间:2014-03-14 09:40:17

标签: jquery

有人可以帮我从下拉元素的属性中显示“代码”的值。对不起,我对Jquery很新。示例我想提醒阿富汗的人,这应该是93岁。

<select name="country" id="country" class="requiredInput" tabindex="5">
<option class="no-op" value="">-- Please select --</option>
<option value="977270" code="93">Afghanistan</option>
<option value="977271" code="355">Albania</option>
<option value="977272" code="213">Algeria</option>
<option value="977273" code="1684">American Samoa</option>
<option value="977274" code="376">Andorra</option>
<option value="977275" code="AO">Angola</option>
<option value="977276" code="AI">Anguilla</option>
<option value="977277" code="AQ">Antarctica</option>
<option value="977278" code="AG">Antigua</option></select>

5 个答案:

答案 0 :(得分:1)

尝试:

$('#country').change(function(){
    alert($("option:selected", this).attr('code'));
});

@Satpal建议一个更好的&amp;更快捷的方式,使用.find()

$('#country').change(function(){
    alert($(this).find("option:selected").attr('code'));
});
希望有所帮助。

JsFiddle

但是,我建议您使用data-前缀属性。喜欢

<option value="977270" data-code="93">Afghanistan</option>

然后你可以使用

alert($(this).find("option:selected").data('code'));

答案 1 :(得分:0)

我建议你改用data-*,例如:

<option value="977270" data-code="93">Afghanistan</option>

然后你可以这样做:

$('#country').change(function() {
    var code = $(this).find('option:selected').attr('data-code');
    alert(code);
});

<强> Fiddle Demo

答案 2 :(得分:0)

您只需将Jquery事件用作::

即可
$("#country").change(function(){
    alert($("#country :selected").attr('data-code'));
})

http://jsfiddle.net/rjha999/6vWWN/

答案 3 :(得分:0)

通过以下方式获取所选选项的代码:

var code = $('#country').find(':selected').attr('code');

答案 4 :(得分:0)

最好使用自定义data-*属性:

data-code="93"// <----if you can change it like this

那么你可以这样得到它:

$('#country').change(function() {
   var codeVal = $(this).find('option:selected').data('code');
   alert(codeVal);  //----use data here----------^^^^
});

Demo with data-*

或使用您当前的加价:

$('#country').change(function() {
   var codeVal = $(this).find('option:selected').attr('code');
   alert(codeVal);  //----use attr here----------^^^^
});

Demo with attr