srcmini我只是想在wordpress主页中实施Dropdown, 以便我可以选择国家/地区, 然后第二个下拉菜单将被启用, 第三个下拉列表将被启用
但是问题是我正在使用html和javascript在本地成功运行, 但不知道如何使用wordpress来实现它, 我已经成功地将下拉列表放到了它, 但是它的javascript无法正常工作。
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
</head>
<body>
<div class="combotitle">Size</div>
<form>
<select id="Size" name="Size" class="criterion">
<option value="">Select a size</option>
<option value="1">Size 1</option>
<option value="2">Size 2</option>
<option value="3">Size 3</option>
</select>
</form>
<div class="combotitle">Style</div>
<form>
<select id="Style" name="Style" class="criterion">
<option value="">Select a Style</option>
<option value="1">Style 1</option>
<option value="2">Style 2</option>
<option value="3">Style 3</option>
</select>
</form>
<div class="combotitle">Color</div>
<form>
<select id="Color" name="Color" class="criterion">
<option value="">Select a Color</option>
<option value="1">Color 1</option>
<option value="2">Color 2</option>
<option value="3">Color 3</option>
</select>
</form>
<div class="combotitle">Brand</div>
<form>
<select id="Brand" name="Brand" class="criterion">
<option value="">Select a Brand</option>
<option value="1">Brand</option>
<option value="2">Brand</option>
<option value="3">Brand</option>
</select>
</form>
<div class="CatsearchButton">
<a href="#"><img src="/searchprd.png" alt="Search" title="Search" /></a>
</div>
<script>
`$('.CatsearchButton').hide();`
var $selects = $('select.criterion');
$selects.not("#Brand").on('change', function() {
$selects.each(function() {
var $this = $(this);
var disable = $this.val() == '';
$this.closest('form').nextAll().find('select').prop('disabled', disable);
if (disable) return false;
})
`}).eq(0).trigger('change');
$selects.filter('#Brand').change(function() {
$('.CatsearchButton').show();
});
</script>
#1
function enqueue_multiple() {
wp_enqueue_script( array( 'jquery') );
}
add_action( 'wp_enqueue_scripts', 'enqueue_multiple' );
你需要将其放在主题的functions.php文件中。在https://developer.wordpress.org/上了解有关主题的更多信息
评论前必须登录！
注册