大佬教程收集整理的这篇文章主要介绍了php-WordPress选项页面中的动态生成的下拉列表,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个正在使用的插件,其中一部分包含选项页面上的“有条件”下拉列表.基本上,我有一个包含三个选项的下拉列表,第二个下拉列表中填充了来自数据库的信息,具体取决于第一个下拉列表中选择的内容.问题是,我对如何填充第二个下拉菜单不知所措!我对AJAX并不是很满意,但这似乎是可能的解决方案.来自经验丰富的开发者有什么想法吗?
编辑:这是我当前所在的位置,但它似乎从未运行过:
<form action="<?PHP echo site_url() ?>/wp-admin/admin.PHP?page=ad_manager&pagetype=addedit&pid=<?PHP echo $_requEST['id']; ?>" method="post" name="ad_success">
<table celLPADding="5" class="widefat post fixed">
<thead>
<tr>
<th><strong><?PHP if($_requEST['id'] != '') { _e('Edit Ad'); } else { _e('Create Ad'); } ?></strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<label for="gtad_condition">
<strong><?PHP _e('Ad Condition'); ?>:</strong>
<SELEct name="ad_condition" id="ad_condition">
<option value="">SELEct an option...</option>
<option value="is_city">Is City</option>
<option value="is_LOCATIOn">Is LOCATIOn</option>
<option value="is_page">Is Page</option>
</SELEct>
</label>
<label for="gtad_LOCATIOn">
<SELEct name="ad_LOCATIOn" id="ad_LOCATIOn"></SELEct>
</label>
</td>
</tr>
</tbody>
</table>
</form>
<script>
jQuery(document).ready(function() {
$ad_condition = $("SELEct[name='ad_condition']");
$ad_LOCATIOn = $("SELEct[name='ad_LOCATIOn']");
$ad_condition.change(function() {
if ($(this).val() == "Is City") {
$("SELEct[name='ad_LOCATIOn'] option").remove();
$("<option>Test</option>").appendTo($ad_LOCATIOn);
}
});
});
</script>
解决方法:
上面的代码不起作用的原因是因为$(“ mySELEct”).val()返回< option>的value属性,而不是开始和结束标记之间的文本.看看我的小提琴:http://jsfiddle.net/XhujD/.
因此,您可以通过更改解决问题
if ($(this).val() == "Is City") {
进入
if ($(this).val() == "is_city") {
当第一个下拉列表更改时,使用AJAX填充第二个下拉列表基本上如下所示:
// wait until the first list has changed
$("#list1").change(function(){
// call a script using AJAX and pass the SELEcted value
$.post('myScript.PHP', {myValue: $(this).val()}, function(data){
// clear the second list
$("#list2").find("option").remove();
// add the options based on the 'data' variable
$("#list2").append('<option value="myOption">' + data + '</option>')
});
});
以上是大佬教程为你收集整理的php-WordPress选项页面中的动态生成的下拉列表全部内容,希望文章能够帮你解决php-WordPress选项页面中的动态生成的下拉列表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。