下拉框级联选择框，下拉框的隐藏于文本框的隐藏

<div class="form-group">
		                   <select   class="selectpicker"  id="datatable_ajax_playUserId"  οnchange="selectall(this)" name="playUserId">
                                      <option  value="Level" id="Level">aaaa</option>
	                                  <option   value="bbb" id="bbb">bbb</option>
	                                  <option  value="zhuhu" id="zhuhu">ccc</option>
	                                  <option   value="huhao" id="huhao">dd</option> 
	                                  <option  value="muban1" id="muban1">dd</option>
                            </select>  
 		               </div> 
		               <div class="form-group"   id="1">
 		                <label for="name">隐患等级：</label>
		            <select   class="selectpicker"  id="datatable_ajax_troubleLevel"    name="troubleLevel">
                                    <option   value=1>一级</option>
                                    <option    value="2">二级</option>
                                    <option   value="3">三级</option>
                            </select>     
                           </div>
                             <div class="form-group" >
                            <input type="text" class="form-control form-filter input-sm"  style="display:none" name="datatable_ajax_anjian" id="datatable_ajax_anjian"  value="1d"/>
                            <input type="text" class="form-control form-filter input-sm"   style="display:none"  name="datatable_ajax_zhuhu" id="datatable_ajax_zhuhu" value="hh" />          
		                     <input type="text" class="form-control form-filter input-sm"   style="display:none" name="datatable_ajax_huhao" id="datatable_ajax_huhao"  value="ff"/>
                            <input type="text" class="form-control form-filter input-sm"  style="display:none"   name="datatable_ajax_muban1" id="datatable_ajax_muban1" /> 
		             </div> 

上面是html代码。

注意

οnchange="selectall(this)"//直接写selall不行

下面是JS代码

<pre name="code" class="javascript">/*
 *  级联选择框
 *  */
	<pre name="code" class="javascript">function selectall(obj) {
	       var value = obj.value;

if(document.getElementById("datatable_ajax_playUserId").value=="Level"){ document.getElementById("1").style.display=""; document.getElementById("datatable_ajax_anjian").style.display="none"; document.getElementById("datatable_ajax_zhuhu").style.display="none"; document.getElementById("datatable_ajax_huhao").style.display="none"; document.getElementById("datatable_ajax_muban1").style.display="none"; }else if(document.getElementById("datatable_ajax_playUserId").value=="anjian"){ document.getElementById("1").style.display="none"; document.getElementById("datatable_ajax_anjian").style.display=""; document.getElementById("datatable_ajax_zhuhu").style.display="none"; document.getElementById("datatable_ajax_huhao").style.display="none"; document.getElementById("datatable_ajax_muban1").style.display="none"; } else if(document.getElementById("datatable_ajax_playUserId").value=="zhuhu"){ document.getElementById("1").style.display="none"; document.getElementById("datatable_ajax_anjian").style.display="none"; document.getElementById("datatable_ajax_zhuhu").style.display=""; document.getElementById("datatable_ajax_huhao").style.display="none"; document.getElementById("datatable_ajax_muban1").style.display="none"; }else if(document.getElementById("datatable_ajax_playUserId").value=="huhao"){ document.getElementById("1").style.display="none"; document.getElementById("datatable_ajax_anjian").style.display="none"; document.getElementById("datatable_ajax_zhuhu").style.display="none"; document.getElementById("datatable_ajax_huhao").style.display=""; document.getElementById("datatable_ajax_muban1").style.display="none"; }else if(document.getElementById("datatable_ajax_playUserId").value=="muban1"){ document.getElementById("1").style.display="none"; document.getElementById("datatable_ajax_anjian").style.display="none"; document.getElementById("datatable_ajax_zhuhu").style.display="none"; document.getElementById("datatable_ajax_huhao").style.display="none"; document.getElementById("datatable_ajax_muban1").style.display=""; } }

也就是，用JS设置style而已。

注意

function selectall(obj) {
	       var value = obj.value;