所以我正试图这样做http://jsfiddle.net/2XV7w/5/打开my custom_page
在wordpress上。这是一个条件html表单。它将显示特定的<div>
当我选择特定下拉值时。
当我尝试在custom_page.php
它工作得很好。确保JS正常工作。
<script>
document.write("<p>javasript test</p>");
</script>
但是当我用这个的时候script.js
, 这行不通。$("#dd").change(function(){
var selected= $("#dd option:selected").text();
$(\'div\').hide();
$(\'#\'+ selected).show();
});
$(document).ready(function(){
$(\'div\').hide();
});
我的自定义页面。php<?php get_header(); ?>
<script type="text/javascript" src="/js/script.js"></script>
<!-- DROPDOWN -->
<select id="dd">
<option value="1">SHOW DIV 1</option>
<option value="1">SHOW DIV 2</option>
</select>
<!-- DIV CONTENT -->
<div id="1">Content of div 1</div>
<div id="2">Content of div 2</div>
<!-- FORM -->
<form action="" method="POST">
Message <input type="text" name="message" />
<input type="submit" name="submit" value="Send">
</form>
<?php get_footer(); ?>