1. 程式人生 > >html中select的option自定義屬性,然後js 獲取

html中select的option自定義屬性,然後js 獲取

1、 <select id="mySelect"  onchange="selectTurnToUrl(this)"  class="form-control" style="height: 24px; line-height: 24px; padding: 0 12px;border-radius:0"></select>//首先給select一個id2、自定義option屬性,名字為url,這裡是希望選中某一個選項之後完成跳轉。                var oOption = document.createElement("option");
                        oOption.text = r[i].text;
                        oOption.value = r[i].value;
                        oOption.setAttribute("url", r[i].url);//自定義屬性調轉url

                        myselect.add(oOption);

        3、js獲取自定義的option屬性。

                 function selectTurnToUrl(sobj)
                {
                        var url = $(sobj).find("option:selected").attr("url");//獲取select的option中的自定義屬性url
                        location.href = url;

                }

            圖就不貼了。