用form表单提交select时，如何提交被选中的option的其他属性

Question

用form表单提交时，如何取到select元素中被选中的option的一些属性呢？
例如下面代码中的 foodsid foodsenname foodscnname等一下属性

<select name="foods" id="foods" class="bottom_add_foods">
    <option foodsid="111" foodsenname="kkk" foodscnname="西红柿">西红柿</option>
    <option foodsid="222" foodsenname="xxx" foodscnname="土豆">土豆</option>
    <option foodsid="333" foodsenname="hhh" foodscnname="盐焗鸡爪">盐焗鸡爪</option>
</select>

Answer 1

<select name="foods" id="foods" class="bottom_add_foods">&nbsp; &nbsp; &nbsp; &nbsp; <option value="111_kkk_西红柿">西红柿</option>&nbsp; &nbsp; &nbsp; &nbsp; <option value="111_xxx_土豆">土豆</option>&nbsp; &nbsp; &nbsp; &nbsp; <option value="333_hhh_盐焗鸡爪">盐焗鸡爪</option>&nbsp; &nbsp; </select>

Answer 2

value 绑定一个对象试试？比如value="{&nbsp;foodsid:&nbsp;'111',&nbsp;foodsenname:&nbsp;'kkk',&nbsp;foodscnname:&nbsp;'西红柿'&nbsp;}"然后在 js 中拿到 value 后 JSON.parse 转成对象