0

一度選択すると特定のフォーム要素が表示されるドロップダウンボックスがありますが、これは完璧に機能しますが、div クラスを要素 (ドロップダウンボックス) に追加するとすぐに、その特定の要素が選択されていなくても css クラスが表示されます。

以下は私のコードです。

Javascript

   function check() {
var dropdown = document.getElementById("filtercriteria");
var current_value = dropdown.options[dropdown.selectedIndex].value;

if (current_value == "page_name") {
    document.getElementById("contains").style.display = "block";
    document.getElementById("term").style.display = "block";
    document.getElementById("countries").style.display = "none";
    document.getElementById("postcodes").style.display = "none";
    document.getElementById("repeater").style.display = "none";
    document.getElementById("visitor_type").style.display = "none";
    document.getElementById("page_visits").style.display = "none";
    document.getElementById("pvisits_value").style.display = "none";
}

HTML ドロップダウン選択ボックス

 <select id="filtercriteria" onChange="check(this);" >
 <option value="select">Select</option>
 <option value="page_name">Page Name</option>
 <option value="postcode">Postcode</option>
 <option value="country">Country</option>
 <option value="search_term">Search Term</option>
 <option value="referrer">Refferer</option>
 <option value="country">Country</option>
 <option value="search_term">Search Term</option>
 <option value="referrer">Referrer</option>
 <option value="page_visits">Page Visits</option>
 <option value="repeater">Repeater</option>
 <option value="owner">Owner</option>
 <option value="visitor_type">Visitor Type</option>
 </select>

このオプションが選択されていない場合でも表示される Div クラスを持つ最初の隠し要素。

 <div id="pagename">
   <div class="select-div">
     <select id="contains" name="contains" display="none" class="hideme">
        <option value="contains">contains</option>
        <option value="exact">exact</option>
     </select>
   </div>
  <input name="term" id="term" type="text" class="hideme" display='none' />

 </div>

任意の提案をいただければ幸いです。

http://jsfiddle.net/isherwood/u2puF/2

4

0 に答える 0