使用 jQuery 和 html 下拉列表加载页面
load page using jQuery and html dropdown
代码:
//querying the campaigns
$campaigns = $wpdb->get_results(
"SELECT *
FROM tbl_campaigns
ORDER BY campaignID DESC",
OBJECT_K
);
//displaying the campaigns
<select name="campaign_list" class="campaign_dropdown">
<?php
foreach($campaigns as $c):
echo '<option value="'.$c->campaignID.'" rel="'.$c->campaignID.'">'.$c->campaign_name.'</option>';
endforeach;
?>
</select>
//javascript/jquery
var $j = jQuery.noConflict();
$j('.campaign_dropdown').change(function(){
if($j(this).val() != '0'){
var rel = $j(this).closest('option').attr('rel');
alert(rel);
}
});
我想做的只是在从下拉列表中选择时显示 的rel 值。但我总是得到一个未定义的消息。(如果这将得到解决,每当我从下拉列表中选择时,我都会使用它来加载另一个页面)
代码有什么问题?
我想你想要:
var rel = $j(this).find('option:selected').attr('rel');
$j('.campaign_dropdown').change(function(){
if($j(this).val() != '0'){
var rel = $j(this).find(":selected").attr('rel');
alert(rel);
}
});
相关文章:
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 如何在页面加载后禁用下拉列表框项目的选择
- 如果使用jquery在页面加载时未选择任何选项,如何禁用下拉列表
- 在Moqui中,如何在html.ftl中加载数据库表数据作为下拉列表
- 如何从 API 填充数据并加载到下拉列表中
- 淘汰具有延迟加载的多选下拉列表
- ASP.NET 显示单选按钮列表和下拉列表的进度条/加载
- Extjs 3.4如何强制组合框重新加载其下拉列表
- 动态加载下拉选项
- jquery占位符,而AJAX加载下拉菜单
- 从本地存储存储和加载下拉选择
- 使用jQuery删除值后,刷新/重新加载下拉列表
- 从$getJSON加载下拉值
- 从Javascript数组加载下拉列表并使用angularjs设置选定值的最简单方法
- 在从另一个下拉菜单中选择一个选项时动态加载下拉菜单
- 当远程加载下拉选项时,语义UI不会替换GET路由中的{value}
- 如何重新加载下拉列表
- 在从另一个下拉菜单中选择值时加载下拉菜单中选择的值
- 输入远程数据库并动态加载下拉列表
- 重新加载下拉框内容