[英]How to get data attribute value for selected option?
当我选择了他刚刚得到的值名称Ahmad
-我怎样才能得到价值ahmad zakaria
?
HTML:
<select name="kd_produk" id="family">
<option value="one"
data-name= "Ahmad Zakaria"
data-wife= "My wife">number one</option>
</select>
JS
$("select#family").change(function(){
var name1 = $('select#family').find(':selected').data('name1');
var wife1 = $('select#family').find(':selected').data('wife1');
在选择元素的<option />
标记中,没有属性wife1
或name1
。
尝试从传递给.data()
方法的每个键字符串中删除1
:
var name = $('select#family').find(':selected').data('name');
var wife = $('select#family').find(':selected').data('wife');
这将确保与attrbiutes data-wife
和data-name
对应的值按预期方式检索:
var name = $('select#family').find(':selected').data('name'); var wife = $('select#family').find(':selected').data('wife'); console.log('data-name of selected:', name) console.log('data-wife of selected:', wife)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <select name="kd_produk" id="family"> <option value="one" data-name= "Ahmad Zakaria" data-wife= "My wife">number one</option> </select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.