Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery警告自定义属性的值_Jquery - Fatal编程技术网

Jquery警告自定义属性的值

Jquery警告自定义属性的值,jquery,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">Afghan

有人能帮我显示下拉元素属性中的代码值吗。对不起,我对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>
我建议您使用data-*代替,例如:

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

您只需将Jquery事件用作:

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

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

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

@Satpal建议了一种更好更快的方法,使用。查找:

希望有帮助

但是,我建议您使用数据前缀属性。像

<option value="977270" data-code="93">Afghanistan</option>
最好使用自定义数据-*属性:

data-code="93"// <----if you can change it like this
或者使用当前标记:

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

您想什么时候显示它?你想在哪里显示它$'country option:selected'。attr'code'?请参阅,我建议你使用数据前缀attribute。由于页面是从另一个系统动态创建的,因此我不能使用数据前缀。如果你使用数据-*你也可以通过$this查找attr值。查找'option:selected'。数据'code'非常感谢,不幸的是,我不能使用自定义数据-*属性,但您的第三个建议有效。非常感谢,太好了!欢迎来到Stackoverflow。很高兴我们向您提出了一些对您有效的解决方案。
<option value="977270" data-code="93">Afghanistan</option>
alert($(this).find("option:selected").data('code'));
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----------^^^^
});
$('#country').change(function() {
   var codeVal = $(this).find('option:selected').attr('code');
   alert(codeVal);  //----use attr here----------^^^^
});