code to set a select box option value as an object
in an html page i have got, i have a select box like this with values.
-
You will not be able to store objects/arrays in the
valueattribute, however an option would be to usedata-*attributes which supports json automatically with jQuery 1.4.3+<select> <option data-value='{"name":"rajiv","age":"40"}'>a</option> <option data-value='{"name":"mithun","age":"22"}'>f</option> </select>And using
.change()$("select").change(function(){ alert($(this).find(":selected").data("value").age); });Example on jsfiddle
讨论(0) -
You can use parseJSON to convert the string to an object when using it, but the value needs to be a string.
var option = $('select').val(); var selected = $.parseJSON(option); alert( selected.name + ': ' + selected.age );讨论(0) -
No, not just like that. Values have to be strings. I'd strongly recommend to use something like jQuerys
.data()method to holdArraysorObjectsin an expando property.If it must be in the value, you just need to JSON decode (.parse) it:
var myValue = JSON.parse(this.value); myValue.age; // 40 myValue.name // rajivBut again, I don't think this is a good solution. Have a look at http://api.jquery.com/jQuery.data/ Also, jQuery will automatically convert Arrays and Objects if you put the JSON strings in any
data-HTML5 attribute. For instance:<option value="A" data-info="{'name':'rajiv',age:'40'}">something</option>If you access that node with jQuery now, we automatically got that object in it's data expando
$('option').data('info').name; // === rajiv讨论(0)
加载中...
- 热议问题