如何设置的onchange两个下拉的jQuery和笨

问题描述：

我用笨

，我使用JQuery有两个下拉菜单设置平变化问题，这里是代码：如何设置的onchange两个下拉的jQuery和笨

<? 
function generateSelect($name = '', $options = array(), $code) { 
    $html = '<select name="'.$name.' id="'.$name.'"">'; 
    foreach ($options->result_array() as $row) { 
     if ($row[$name] == $code) { 
     $html .= '<option value='.$row[$name].' selected>'.$row[$name].'</option>'; 
     } else { 
     $html .= '<option value='.$row[$name].'>'.$row[$name].'</option>'; 
     } 
    } 
    $html .= '</select>'; 
    return $html; 
} 

echo '<div id="actype"><table cellpadding=2 cellspacing=2 border=1><tr><td>AC TYPE</td><td>'.generateSelect('actype', $query_1, $actype).'</td>'; 

echo '<div id="acreg"><tr><td>AC REG</td><td>'.generateSelect('acreg', $query_2, $acreg).'</td></div></table>'; 
?>

这是javascript：

<script type="text/javascript">  
$(function() {   
// navigate to page on click event   
$('#actype').bind('change', function() { goToPage(); });  
$('#acreg').bind('change', function() { goToPage(); });  
});  

function goToPage() { 
location.href = 'http://localhost/CAMP/CI/index.php/blog/show_package/'+$("#actype :selected").val()+'/'+$("#acreg :selected").val(); 
} 
</script>

因此，当选择第一个下拉菜单时，该页面将添加一些uri段。并基于该段，一些查询将运行，然后生成第二个下拉列表。

问题是当选择第二个下拉菜单时，页面将“未定义”添加为新的分段。我认为该页面无法获取第二个下拉列表中的选定值。

请帮忙。

答

有一个“缺少在这一行：

$html = '<select name="'.$name.'" id="'.$name.'"">';

也将是明智的，包装的价值属性，如：

$html .= '<option value="'.$row[$name].'">'.$row[$name].'</option>';

谢谢你提醒我那你认为第二个下拉问题给出了“未定义”的结果？ – seeai 2011-05-01 06:18:11

答

那么就很难知道你是否曾经真正选择一个元素第一次围绕。

if ($row[$name] == $code) { 
    $html .= '<option value='.$row[$name].' selected>'.$row[$name].'</option>'; 
}

如果你没有传递一个值到$ code或有我在这里没有匹配，你不会有一个匹配你的jQuery“：selected”的有效匹配。留下你一个“未定义”的值。

$("#actype :selected").val()

或

$("#acreg :selected").val()

如果你有一个比赛，它仍然无法正常工作试着改变你的默认选择到选定=“选择”

$html .= '<option value='.$row[$name].' selected="selected">'.$row[$name].'</option>';

如何设置的onchange两个下拉的jQuery和笨

相关推荐