jquery 操作select option

<script language="javascript">
        $(document).ready(function() {
        //綁定下拉框change事件,當下來框改變時調用 SelectChange()方法
        $("#selectID").change(function() { SelectChange(); });
        })
        function SelectChange() {
        //獲取下拉框選中項的text屬性值
        var selectText = $("#selectID").find("option:selected").text();
        alert(selectText);
        //獲取下拉框選中項的value屬性值
        var selectValue = $("#selectID").val();
        alert(selectValue);
        //獲取下拉框選中項的index屬性值
        var selectIndex = $("#selectID").get(0).selectedIndex;
        alert(selectIndex);
        ////獲取下拉框最大的index屬性值
        var selectMaxIndex = $("#selectID option:last").attr("index");
        alert(selectMaxIndex);
    }

    function aa() {
        //設置下拉框index屬性為5的選項 選中
        $("#selectID").get(0).selectedIndex = 5;  
    }
    function bb() {
        //設置下拉框value屬性為4的選項 選中
        $("#selectID").val(4);
    }
    function cc() {
        //設置下拉框text屬性為5的選項 選中
         $("#selectID option[text=5]").attr("selected", "selected");

         $("#yyt option:contains('5')").attr("selected", true);
    }
    function dd() {
        //在下拉框最后添加一個選項
        $("#selectID").append("<option value='7'>7</option>");
    }
    function ee() {
        //在下拉框最前添加一個選項
        $("#selectID").prepend("<option value='0'>0</option>")
    }
    function ff() {
        //移除下拉框最后一個選項
        $("#selectID option:last").remove();
    }

    function gg() {
        //移除下拉框 index屬性為1的選項
        $("#selectID option[index=1]").remove();
    }

    function hh() {
        //移除下拉框 value屬性為4的選項
        $("#selectID option[value=4]").remove();
    }
    function ii() {
        //移除下拉框 text屬性為5的選項
        $("#selectID option[text=5]").remove();
    }    
    </script>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末螟蝙,一起剝皮案震驚了整個濱河市若专,隨后出現(xiàn)的幾起案子许帐,更是在濱河造成了極大的恐慌奢赂,老刑警劉巖排霉,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異煮落,居然都是意外死亡敞峭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門蝉仇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來旋讹,“玉大人,你說我怎么就攤上這事轿衔〕良#” “怎么了?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵害驹,是天一觀的道長鞭呕。 經(jīng)常有香客問我,道長宛官,這世上最難降的妖魔是什么琅拌? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮摘刑,結果婚禮上进宝,老公的妹妹穿的比我還像新娘。我一直安慰自己枷恕,他們只是感情好党晋,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著徐块,像睡著了一般未玻。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上胡控,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天扳剿,我揣著相機與錄音,去河邊找鬼昼激。 笑死庇绽,一個胖子當著我的面吹牛,可吹牛的內容都是我干的橙困。 我是一名探鬼主播瞧掺,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼凡傅!你這毒婦竟也來了辟狈?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎哼转,沒想到半個月后明未,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡壹蔓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年亚隅,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片庶溶。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡煮纵,死狀恐怖,靈堂內的尸體忽然破棺而出偏螺,到底是詐尸還是另有隱情行疏,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布套像,位于F島的核電站酿联,受9級特大地震影響,放射性物質發(fā)生泄漏夺巩。R本人自食惡果不足惜贞让,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望柳譬。 院中可真熱鬧喳张,春花似錦、人聲如沸美澳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽制跟。三九已至舅桩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間雨膨,已是汗流浹背擂涛。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留聊记,地道東北人撒妈。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像甥雕,于是被迫代替她去往敵國和親踩身。 傳聞我的和親對象是個殘疾皇子胀茵,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內容