鍍金池/ 問(wèn)答/HTML/ 用form表單提交select時(shí)，如何提交被選中的option的其他屬性

用form表單提交select時(shí)，如何提交被選中的option的其他屬性

用form表單提交時(shí)，如何取到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>
回答
編輯回答
我以為

$("#foods").find("option:selected").attr("foodsid");

2017年4月15日 10:40
編輯回答
離人歸

option對(duì)象.getAttribute("foodsid");

2017年8月16日 05:38
編輯回答
久舊酒

value 綁定一個(gè)對(duì)象試試？比如

value="{ foodsid: '111', foodsenname: 'kkk', foodscnname: '西紅柿' }"

然后在 js 中拿到 value 后 JSON.parse 轉(zhuǎn)成對(duì)象

2018年6月4日 14:06
編輯回答
神曲
<select name="foods" id="foods" class="bottom_add_foods">
        <option value="111_kkk_西紅柿">西紅柿</option>
        <option value="111_xxx_土豆">土豆</option>
        <option value="333_hhh_鹽焗雞爪">鹽焗雞爪</option>
    </select>
2017年10月25日 11:31