您将无法在value属性中存储对象/数组，但是可以选择使用data-*属性，该属性在jQuery 1.4.3+中自动支持json

<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

不，不是那样的。值必须是字符串。我强烈建议使用类似jQuerys .data()方法的东西在expando属性中保存Arrays或Objects。
如果它必须在值中，你只需要JSON解码（.parse）它：

var myValue = JSON.parse(this.value);

myValue.age; // 40
myValue.name // rajiv

但我还是不认为这是一个好的解决方案。看看http://api.jquery.com/jQuery.data/也，如果你把JSON字符串放在任何data- HTML5属性中，jQuery将自动转换数组和对象。例如：

<option value="A" data-info="{'name':'rajiv',age:'40'}">something</option>

如果您现在使用jQuery访问该节点，我们将自动在其数据expando中获取该对象

$('option').data('info').name; // === rajiv

使用时可以使用parseJSON将字符串转换为对象，但值需要是字符串。

var option = $('select').val();
  var selected = $.parseJSON(option);
  alert( selected.name + ': ' + selected.age );

React解决方案

const myObjects = [
    {
        text: 'a',
        value: 1
    },
    {
        text: 'b',
        value: 2
    },
];

const handleSelectChange = (myStringifyObject) => {
    const myObject = JSON.parse(myStringifyObject);
    // logic with myObject
} 

<input type='select' onChange={(evt) => handleSelectChange(evt.target.value)}>
    {myObjects.map((myObject) => (
        <option
            value={JSON.stringify(myObject)}
            key={myObject.value}
        >
            {myObject.text}
        </option>
     ))}
</input>