• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    javascript操作select下拉列表框的一點小經驗_表單特效

    來源:懂視網 責編:小采 時間:2020-11-27 20:48:02
    文檔

    javascript操作select下拉列表框的一點小經驗_表單特效

    javascript操作select下拉列表框的一點小經驗_表單特效:按照我一貫的web開發風格,所有不直接操作數據庫的事件,都盡可能由javascript來實現,所以這個需求我打算使用js來完成。 首先來分析一下具體情況:這個頁面是一個更新頁面,品牌有品牌1和品牌2兩個字段,品牌2可以為空,品牌1不能為空,所以品牌2的下拉列表
    推薦度:
    導讀javascript操作select下拉列表框的一點小經驗_表單特效:按照我一貫的web開發風格,所有不直接操作數據庫的事件,都盡可能由javascript來實現,所以這個需求我打算使用js來完成。 首先來分析一下具體情況:這個頁面是一個更新頁面,品牌有品牌1和品牌2兩個字段,品牌2可以為空,品牌1不能為空,所以品牌2的下拉列表

    按照我一貫的web開發風格,所有不直接操作數據庫的事件,都盡可能由javascript來實現,所以這個需求我打算使用js來完成。
    首先來分析一下具體情況:這個頁面是一個更新頁面,品牌有品牌1和品牌2兩個字段,品牌2可以為空,品牌1不能為空,所以品牌2的下拉列表框比品牌1多一項;如果選擇了品牌的前8相中的任意一項,“活躍狀態”要隱藏,否則“活躍狀態”默認顯示狀態為“潛在”;當查詢的結果品牌1和品牌2有任意一項在品牌的前8相中,“活躍狀態”也要隱藏,否則“活躍狀態”默認顯示狀態為“潛在”。
    頁面部分內容

    代碼如下:

    品牌1:




    DataTextField="OptionText" DataValueField="optionValue" DataSourceID="ObjectDataSource11"
    Style="width: 188px; margin-left: -170px">




    position: absolute; left: 0px;">


    品牌2:




    DataTextField="OptionText" DataValueField="optionValue" DataSourceID="ObjectDataSource12"
    Style="width: 188px; margin-left: -170px">




    position: absolute; left: 0px;">

    TypeName="CRR.BusinessRules.OptionManager">





    TypeName="CRR.BusinessRules.OptionManager">








    javascript代碼
    代碼如下:
    function changebrand1(oTextbox)
    {
    var brandTag=document.getElementById("ddlistSecondConsumeBrand");
    var brand1=document.getElementById("txtbrand1");
    var brand2=document.getElementById("txtbrand2");
    var brandcolls=brandTag.options;
    var textvalue=oTextbox.value;
    var flag=0;
    if(textvalue.length==0)
    {
    flag=1;
    }
    else if(textvalue.length>0)
    {
    for(var i=0;i{
    if(oTextbox==brand1 && brandcolls[i].text==textvalue)
    {
    document.getElementById("ddlistFirstConsumeBrand").options.selectedIndex=i-1;
    flag=1;
    ChangeBrand(document.getElementById("ddlistFirstConsumeBrand"));
    }
    else if(oTextbox==brand2 && brandcolls[i].text==textvalue)
    {
    brandTag.selectedIndex=i;
    flag=1;
    ChangeBrand(brandTag);
    }
    }

    if(flag==0)
    {
    alert("輸入品牌錯誤!");
    oTextbox.value="";
    oTextbox.focus();
    }
    }
    }

    function ChangeBrand(me){
    var brand1ID = document.all.ddlistFirstConsumeBrand.value;
    var brand2ID = document.all.ddlistSecondConsumeBrand.value;
    var brandvalue1=document.getElementById("txtbrand1");
    var brandvalue2=document.getElementById("txtbrand2");
    if((brand1ID=="10")&&(brand2ID=="-1"))
    {
    document.all.ddlistMilkPeriod.value=9;
    }

    for(var i=0;i{
    if(document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i)
    {
    brandvalue1.value=document.getElementById("ddlistFirstConsumeBrand").options[i].text;
    }
    if(document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i)
    {
    brandvalue2.value=document.getElementById("ddlistSecondConsumeBrand").options[i].text;
    }

    if(i<8 && document.getElementById("ddlistFirstConsumeBrand") == me && document.all.ddlistFirstConsumeBrand.selectedIndex==i)
    {
    document.all.dv1.style.display="block";
    document.all.dv2.style.display="none";
    document.all.dv3.style.display="none";
    document.getElementById("ddlistPotential").options[0].selected="selected";
    break;
    }
    else if(i>0 && i<9 && document.getElementById("ddlistSecondConsumeBrand") == me && document.all.ddlistSecondConsumeBrand.selectedIndex==i)
    {
    document.all.dv1.style.display="block";
    document.all.dv2.style.display="none";
    document.all.dv3.style.display="none";
    document.getElementById("ddlistPotential").options[0].selected="selected";
    break;
    }
    else if(i>8)
    {
    document.all.dv1.style.display="none";
    document.all.dv2.style.display="block";
    document.all.dv3.style.display="block";
    document.getElementById("ddlistPotential").options[1].selected="selected";
    }
    }
    }

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    javascript操作select下拉列表框的一點小經驗_表單特效

    javascript操作select下拉列表框的一點小經驗_表單特效:按照我一貫的web開發風格,所有不直接操作數據庫的事件,都盡可能由javascript來實現,所以這個需求我打算使用js來完成。 首先來分析一下具體情況:這個頁面是一個更新頁面,品牌有品牌1和品牌2兩個字段,品牌2可以為空,品牌1不能為空,所以品牌2的下拉列表
    推薦度:
    標簽: 操作 特效 js
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 国产精品免费观看调教网| 99久久精品九九亚洲精品| 精品国产日产一区二区三区| 日本五区在线不卡精品| 97久久精品人人做人人爽| 精品国产一区二区三区色欲| 欧美精品黑人粗大视频| 99精品人妻少妇一区二区| 精品9E精品视频在线观看| 亚洲综合国产精品第一页| 精品国产一区二区三区在线观看| 国产福利微拍精品一区二区| 亚洲国产精品VA在线看黑人 | 久久精品一区二区三区不卡| 无码人妻精品一区二区三18禁 | 99久久免费国产精精品| 亚洲精品专区在线观看| 久久九九久精品国产免费直播| 国产欧美日韩综合精品二区| 亚洲国产精品久久久久| 97久久精品无码一区二区 | 亚洲精品无码av天堂| 精品精品国产高清a毛片| 99久久精品国产一区二区三区| 老司机99精品99| 国内精品91最新在线观看| www.亚洲精品| 996久久国产精品线观看| 国内精品久久久久伊人av| 国产麻豆精品久久一二三 | 国产亚洲福利精品一区| 国产成人精品日本亚洲专一区| 国产精品福利自产拍在线观看| 国产精品日本一区二区在线播放| 久久久精品2019免费观看| 久久精品www人人爽人人| 久久99国产综合精品女同| 国内精品伊人久久久久AV影院| 99久久99久久精品免费看蜜桃 | 国内精品久久久久国产盗摄| 狠狠色伊人久久精品综合网|