编程语言
首页 > 编程语言> > javascript – 将选择框选项值设置为对象的代码

javascript – 将选择框选项值设置为对象的代码

作者:互联网

在我有一个html页面,我有一个这样的选择框与值.

<select onChange="return filler(this.value);">
<option value="{'name':'rajiv',age:'40'}">a</option>
<option value="{'name':'mithun',age:'22'}">f</option>
</select>

我想传递一个javascript数组或对象作为选项值.
现在它将选项值视为字符串.

我希望它是一个数组,以便我可以访问它

填充函数中的this.value.name,this.value.age.

这可能吗?

解决方法:

您将无法在value属性中存储对象/数组,但是一个选项是使用jQuery 1.4.3自动支持json的data- *属性

<select>
    <option data-value='{"name":"rajiv","age":"40"}'>a</option>
    <option data-value='{"name":"mithun","age":"22"}'>f</option>
</select>

并使用.change()

$("select").change(function(){
    alert($(this).find(":selected").data("value").age);
});

Example on jsfiddle

标签:html,dhtml,javascript,jquery,xhtml
来源: https://codeday.me/bug/20191004/1853340.html