2
依赖下拉我到处找,找不到我正在寻找..看看这个代码示例:为WordPress
<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本身结合起来。但是如何?有人可以指导我吗?
你面对的确切问题是什么?请详细说明。 – 2014-12-05 04:22:43
相关的下拉列表不起作用..当选择奥迪或宝马..第二下拉没有出现 – Freddie 2014-12-05 05:47:03
它不会工作因为你的'JS'是错误的。 – 2014-12-05 07:05:49