最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js實(shí)現(xiàn)HTML中Select二級(jí)聯(lián)動(dòng)的實(shí)例

 更新時(shí)間:2018年01月05日 15:22:39   作者:一包大豫竹  
下面小編就為大家分享一篇js實(shí)現(xiàn)HTML中Select二級(jí)聯(lián)動(dòng)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

效果圖

選擇后

js代碼

<script language="javascript" type="text/javascript">
 //定義 費(fèi)用科目 數(shù)據(jù)數(shù)組
  fylxArray = new Array();
  fylxArray[0] = new Array("","");
  fylxArray[1] = new Array("汽車費(fèi)用","汽油費(fèi)|過(guò)路費(fèi)|修理費(fèi)");
  fylxArray[2] = new Array("房屋租賃費(fèi)","分公司及辦事處房租|宿舍房租|項(xiàng)目房租");
  fylxArray[3] = new Array("差旅費(fèi)用","餐費(fèi)|住宿費(fèi)|交通費(fèi)");
  fylxArray[4] = new Array("招待費(fèi)","招待費(fèi)");
  fylxArray[5] = new Array("辦公費(fèi)","辦公用品費(fèi)|辦公費(fèi)");
  fylxArray[6] = new Array("交通費(fèi)","交通費(fèi)");
  fylxArray[7] = new Array("物業(yè)費(fèi)","物業(yè)費(fèi)");
  fylxArray[8] = new Array("租車費(fèi)","租車費(fèi)");
  fylxArray[9] = new Array("勞務(wù)費(fèi)","勞務(wù)費(fèi)");
  fylxArray[10] = new Array("通訊費(fèi)","通訊費(fèi)");
  fylxArray[11] = new Array("水費(fèi)","水費(fèi)");
  fylxArray[12] = new Array("電費(fèi)","電費(fèi)|職工福利費(fèi)");
  fylxArray[13] = new Array("會(huì)議費(fèi)","會(huì)議費(fèi)");
  fylxArray[14] = new Array("中介服務(wù)費(fèi)","審計(jì)費(fèi)|律師費(fèi)|券商費(fèi)|其他");
  fylxArray[15] = new Array("快遞費(fèi)","快遞費(fèi)");
  fylxArray[16] = new Array("招聘費(fèi)","招聘費(fèi)");
  fylxArray[17] = new Array("加班餐費(fèi)","加班餐費(fèi)");
  fylxArray[18] = new Array("投標(biāo)費(fèi)用","投標(biāo)報(bào)名費(fèi)|購(gòu)買標(biāo)書費(fèi)");
  fylxArray[19] = new Array("打印裝訂費(fèi)","打印費(fèi)|裝訂費(fèi)|文件制作費(fèi)");
  fylxArray[20] = new Array("廣告宣傳費(fèi)","展位費(fèi)|廣告費(fèi)|設(shè)計(jì)費(fèi)|印刷費(fèi)");
  fylxArray[21] = new Array("中標(biāo)服務(wù)費(fèi)","中標(biāo)服務(wù)費(fèi)");
  fylxArray[22] = new Array("專家咨詢費(fèi)","專家咨詢費(fèi)");
  fylxArray[23] = new Array("培訓(xùn)費(fèi)","培訓(xùn)費(fèi)");
  fylxArray[24] = new Array("打印費(fèi)","打印費(fèi)");
  fylxArray[25] = new Array("職工福利費(fèi)","職工福利費(fèi)");
  fylxArray[26] = new Array("暖氣費(fèi)","暖氣費(fèi)");
  fylxArray[27] = new Array("燃?xì)赓M(fèi)","燃?xì)赓M(fèi)");
  fylxArray[28] = new Array("產(chǎn)檢費(fèi)","產(chǎn)檢費(fèi)");
  fylxArray[29] = new Array("生育住院費(fèi)","生育住院費(fèi)");
  fylxArray[30] = new Array("生育津貼","生育津貼");
  fylxArray[31] = new Array("醫(yī)療保險(xiǎn)費(fèi)","醫(yī)療保險(xiǎn)費(fèi)");
  fylxArray[32] = new Array("其他","其他");
  //select 二級(jí)聯(lián)動(dòng)
  function getChild(currFylx){
    //當(dāng)前 所選擇 的費(fèi)用類型
    var currFylx_value = currFylx.options[currFylx.selectedIndex].value;
    var currFylxid=currFylx.id.substr(0,6)
    //清空 費(fèi)用科目 下拉選單
    //var currOption= document.getElementById(currFylxid+'_fykm')
    var currOption= $(currFylx).parent().next().children()[0]
    currOption.length=0
    for (var i = 0 ;i <fylxArray.length;i++){
      //得到 當(dāng)前費(fèi)用類型 在 費(fèi)用科目數(shù)組中的位置
      if(fylxArray[i][0]==currFylx_value){
        //得到 當(dāng)前費(fèi)用類型 下的費(fèi)用科目
        var tmpfykmArray = fylxArray[i][1].split("|")
        for(var j=0;j<tmpfykmArray.length;j++){
          //填充 費(fèi)用科目 下拉選單
          currOption.options[currOption.length] = new Option(tmpfykmArray[j],tmpfykmArray[j]);
        }
      }  
    }
  }
</script>

頁(yè)面代碼

<td class="ff"><select style="width:100px" name="select_name" onChange = "getChild(this)">
<option value="">--無(wú)--</option>
<option value="汽車費(fèi)用">汽車費(fèi)用</option>
<option value="房屋租賃費(fèi)">房屋租賃費(fèi)</option>
<option value="差旅費(fèi)用">差旅費(fèi)用</option>
<option value="招待費(fèi)">招待費(fèi)</option>
<option value="辦公費(fèi)">辦公費(fèi)</option>
<option value="交通費(fèi)">交通費(fèi)</option>
<option value="物業(yè)費(fèi)">物業(yè)費(fèi)</option>
<option value="租車費(fèi)">租車費(fèi)</option>
<option value="勞務(wù)費(fèi)">勞務(wù)費(fèi)</option>
<option value="通訊費(fèi)">通訊費(fèi)</option>
<option value="水費(fèi)">水費(fèi)</option>
<option value="電費(fèi)">電費(fèi)</option>
<option value="會(huì)議費(fèi)">會(huì)議費(fèi)</option>
<option value="中介服務(wù)費(fèi)">中介服務(wù)費(fèi)</option>
<option value="快遞費(fèi)">快遞費(fèi)</option>
<option value="招聘費(fèi)">招聘費(fèi)</option>
<option value="加班餐費(fèi)">加班餐費(fèi)</option>
<option value="投標(biāo)費(fèi)用">投標(biāo)費(fèi)用</option>
<option value="打印裝訂費(fèi)">打印裝訂費(fèi)</option>
<option value="廣告宣傳費(fèi)">廣告宣傳費(fèi)</option>
<option value="中標(biāo)服務(wù)費(fèi)">中標(biāo)服務(wù)費(fèi)</option>
<option value="專家咨詢費(fèi)">專家咨詢費(fèi)</option>
<option value="培訓(xùn)費(fèi)">培訓(xùn)費(fèi)</option>
<option value="打印費(fèi)">打印費(fèi)</option>
<option value="職工福利費(fèi)">職工福利費(fèi)</option>
<option value="暖氣費(fèi)">暖氣費(fèi)</option>
<option value="燃?xì)赓M(fèi)">燃?xì)赓M(fèi)</option>
<option value="產(chǎn)檢費(fèi)">產(chǎn)檢費(fèi)</option>
<option value="生育住院費(fèi)">生育住院費(fèi)</option>
<option value="生育津貼">生育津貼</option>
<option value="醫(yī)療保險(xiǎn)費(fèi)">醫(yī)療保險(xiǎn)費(fèi)</option>
<option value="其他">其他</option>
</select></td><!--費(fèi)用類型-->
<td class="ff"><select style="width:100px" ><option>--無(wú)--</option></select></td><!--費(fèi)用科目-->

以上這篇js實(shí)現(xiàn)HTML中Select二級(jí)聯(lián)動(dòng)的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript中獲得CheckBox狀態(tài)的方法小結(jié)

    JavaScript中獲得CheckBox狀態(tài)的方法小結(jié)

    在 JavaScript 中,獲取復(fù)選框(CheckBox)的狀態(tài)(選中或未選中)可以通過(guò)以下幾種方式實(shí)現(xiàn),以下是具體方法及示例,并通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下
    2025-03-03
  • JS簡(jiǎn)單封裝的圖片無(wú)縫滾動(dòng)效果示例【測(cè)試可用】

    JS簡(jiǎn)單封裝的圖片無(wú)縫滾動(dòng)效果示例【測(cè)試可用】

    這篇文章主要介紹了JS簡(jiǎn)單封裝的圖片無(wú)縫滾動(dòng)效果,結(jié)合完整實(shí)例形式分析了javascript針對(duì)圖片無(wú)縫滾動(dòng)功能實(shí)現(xiàn)的具體操作技巧,包括鼠標(biāo)事件響應(yīng)、事件函數(shù)及頁(yè)面元素屬性動(dòng)態(tài)變換等相關(guān)操作技巧,需要的朋友可以參考下
    2017-03-03
  • JS實(shí)現(xiàn)計(jì)算小于非負(fù)數(shù)n的素?cái)?shù)的數(shù)量算法示例

    JS實(shí)現(xiàn)計(jì)算小于非負(fù)數(shù)n的素?cái)?shù)的數(shù)量算法示例

    這篇文章主要介紹了JS實(shí)現(xiàn)計(jì)算小于非負(fù)數(shù)n的素?cái)?shù)的數(shù)量算法,可實(shí)現(xiàn)針對(duì)一定范圍內(nèi)素?cái)?shù)個(gè)數(shù)的統(tǒng)計(jì)功能,涉及javascript數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下
    2019-02-02
  • Flash圖片上傳組件 swfupload使用指南

    Flash圖片上傳組件 swfupload使用指南

    這篇文章主要介紹了Flash圖片上傳組件 swfupload使用方法及示例,swfupload的使用范圍十分的廣泛,功能也很強(qiáng)大,今天我們就先來(lái)簡(jiǎn)單的通過(guò)范例來(lái)學(xué)習(xí)下。
    2015-03-03
  • 記錄一篇關(guān)于redux-saga的基本使用過(guò)程

    記錄一篇關(guān)于redux-saga的基本使用過(guò)程

    這篇文章主要介紹了記錄一篇redux-saga的基本使用過(guò)程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08
  • js使用onmousemove和onmouseout獲取鼠標(biāo)坐標(biāo)的方法

    js使用onmousemove和onmouseout獲取鼠標(biāo)坐標(biāo)的方法

    這篇文章主要介紹了js使用onmousemove和onmouseout獲取鼠標(biāo)坐標(biāo)的方法,涉及javascript操作鼠標(biāo)事件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • JavaScript判斷頁(yè)面滾動(dòng)方向的三種方法

    JavaScript判斷頁(yè)面滾動(dòng)方向的三種方法

    這篇文章主要介紹了JavaScript判斷頁(yè)面滾動(dòng)方向的三種方法:使用變量記錄、使用更精確的 delta 值判斷和使用 requestAnimationFrame 優(yōu)化性能,并通過(guò)代碼講解的非常詳細(xì),需要的朋友可以參考下
    2025-04-04
  • 使用JavaScript switch case 另類寫法

    使用JavaScript switch case 另類寫法

    在JavaScript里,函數(shù)(todoA、todoB、todoC)就是對(duì)象,“()”的作用就是就是執(zhí)行函數(shù)對(duì)象,二者簡(jiǎn)單地組合一下就能夠讓代碼清晰簡(jiǎn)潔很多了,何樂(lè)不為呢?
    2010-03-03
  • JavaScript如何輸出楊輝三角

    JavaScript如何輸出楊輝三角

    這篇文章主要介紹了JavaScript如何輸出楊輝三角問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-01-01

最新評(píng)論

建阳市| 黔江区| 福贡县| 罗平县| 集贤县| 卢氏县| 黑山县| 扶余县| 九寨沟县| 新龙县| 开远市| 波密县| 温州市| 育儿| 无极县| 巴青县| 江孜县| 南投市| 张家港市| 万荣县| 古丈县| 临西县| 沈丘县| 丹凤县| 通江县| 昌宁县| 偃师市| 黎平县| 格尔木市| 岗巴县| 南乐县| 连平县| 昆山市| 新沂市| 扎鲁特旗| 湖北省| 洛川县| 龙岩市| 舟曲县| 东源县| 开鲁县|