爲WordPress

Question

依賴下拉我到處找，找不到我正在尋找..看看這個代碼示例：

<div class="ccms_form_element cfdiv_custom" id="style_container_div"> 

<label for="brand">Make:</label> 

<select size="1" id="make" class=" validate['required']" title="" onChange="updatepage();" type="select" name="style"> 
<option value="-1">–Choose a Make-</option> 
<option class="Audio" value="Audi">Audi</option> 
<option class="BMW" value="BMW">BMW</option> 
</select> 
    <div class="clear"></div><div id="error-message-style"></div> 

<div id="style-sub-1" class="BMW" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> 
    <label for="brand">Model:</label> 

<select name="cat" id="cat" class="postform"> 
<option value="-1">–Choose a Model-</option> 
<option class="level-0" value="172">1 Series</option> 
<option class="level-0" value="173">2 Series</option> 
<option class="level-0" value="106">3 Series</option> 
</select> 
</div> 
<div id="style-sub-1" class="Audi" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> 
    <label for="brand">Model:</label> 

<select name="cat" id="cat" class="postform"> 
<option value="-1">–Choose a Model-</option> 
<option class="level-0" value="169">A1</option> 
<option class="level-0" value="170">A3</option> 
<option class="level-0" value="171">A4</option> 
</select> 
</div> 
<div class="clear"></div> 
<div id="error-message-style-sub-1"></div></div> 

<script type="text/javascript"> 
function updatepage(){ 
    $("#make").change (function() { 
     var targID = $(this).val(); 
     $("div#style-sub-1").hide(); 
     $('.' + targID).show(); 
    }) 
} 
</script> 

它是WordPress的使用，有什麼不好？ http://jsfiddle.net/sqb4h13r/我覺得我有一個問題，包括在一篇文章中的Javascript，我需要將調用腳本文件與調用JavaScript本身結合起來。但是如何？有人可以指導我嗎？

Answer 1

撥弄你鏈接到不工作的原因有兩個：

1. 你永遠不調用該函數updatepage
2. 您還沒有包括jQuery的頁面上

可以解決通過將代碼移出該功能：

$("#make").change (function() { 
    var targID = $(this).val(); 
    $("div#style-sub-1").hide(); 
    $('.' + targID).show(); 
}); 

幷包括jQuery。

這是一個demo它的工作。