JS操作Select相關(guān)方法

字號:


    1.判斷select選項(xiàng)中 是否存在value="paravalue"的item
    2.向select選項(xiàng)中 加入一個item
    3.從select選項(xiàng)中 刪除一個item
    4.修改select選項(xiàng)中 value="paravalue"的text為"paratext"
    5.設(shè)置select中text="paratext"的第一個item為選中
    6.設(shè)置select中value="paravalue"的item為選中
    7.得到select的當(dāng)前選中項(xiàng)的value
    8.得到select的當(dāng)前選中項(xiàng)的text
    9.得到select的當(dāng)前選中項(xiàng)的index
    10.清空select的項(xiàng)
    -------------------------------------------
    //1.判斷select選項(xiàng)中 是否存在value="paravalue"的item
    function jsselectisexititem(objselect,objitemvalue)
    {
    var isexit = false;
    for(var i=0;i<objselect.options.length;i++)
    {
    if(objselect.options[i].value == objitemvalue)
    {
    isexit = true;
    break;
    }
    }
    return isexit;
    }
    //2.向select選項(xiàng)中 加入一個item
    function jsadditemtoselect(objselect,objitemtext,objitemvalue)
    {
    //判斷是否存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
    alert("該item的value值已經(jīng)存在");
    }
    else
    {
    var varitem = new option(objitemtext,objitemvalue);
    // objselect.options[objselect.options.length] = varitem;
    objselect.options.add(varitem);
    alert("成功加入");
    }
    }
    //3.從select選項(xiàng)中 刪除一個item
    function jsremoveitemfromselect(objselect,objitemvalue)
    {
    //判斷是否存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
    for(var i=0;i<objselect.options.length;i++)
    {
    if(objselect.options[i].value == objitemvalue)
    {
    objselect.options.remove(i);
    break;
    }
    }
    alert("成功刪除");
    }
    else
    {
    alert("該select中 不存在該項(xiàng)");
    }
    }
    //4.修改select選項(xiàng)中 value="paravalue"的text為"paratext"
    function jsupdateitemtoselect(objselect,objitemtext,objitemvalue)
    {
    //判斷是否存在
    if(jsselectisexititem(objselect,objitemvalue))
    {
    for(var i=0;i<objselect.options.length;i++)
    {
    if(objselect.options[i].value == objitemvalue)
    {
    objselect.options[i].text = objitemtext;
    break;
    }
    }
    alert("成功修改");
    }
    else
    {
    alert("該select中 不存在該項(xiàng)");
    }
    }
    //5.設(shè)置select中text="paratext"的第一個item為選中
    function jsselectitembyvalue(objselect,objitemtext)
    {
    //判斷是否存在
    var isexit = false;
    for(var i=0;i<objselect.options.length;i++)
    {
    if(objselect.options[i].text == objitemtext)
    {
    objselect.options[i].selected = true;
    isexit = true;
    break;
    }
    }
    //show出結(jié)果
    if(isexit)
    {
    alert("成功選中");
    }
    else
    {
    alert("該select中 不存在該項(xiàng)");
    }
    }
    //6.設(shè)置select中value="paravalue"的item為選中
    //document.all.objselect.value = objitemvalue;
    //7.得到select的當(dāng)前選中項(xiàng)的value
    //var currselectvalue = document.all.objselect.value;
    //8.得到select的當(dāng)前選中項(xiàng)的text
    //var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;
    //9.得到select的當(dāng)前選中項(xiàng)的index
    //var currselectindex = document.all.objselect.selectedindex;
    //10.清空select的項(xiàng)
    // document.all.objselect.options.length = 0;