How to set onchange of two dropdown in JQuery & CodeIgniter -
i'm using codeigniter , have question in setting onchange on 2 dropdown using jquery, here code :
<? function generateselect($name = '', $options = array(), $code) { $html = '<select name="'.$name.' id="'.$name.'"">'; foreach ($options->result_array() $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>'; ?>
and javascript:
<script type="text/javascript"> $(function() { // navigate 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>
so when first dropdown selected, page add uri segment. , based on segment, query run , list of second dropdown generated.
the problem when second dropdown selected, page adds "undefined" new segment. think page cannot fetch selected value of second dropdown.
please help.
there's " missing in line:
$html = '<select name="'.$name.'" id="'.$name.'"">';
also wise wrap value properties, like:
$html .= '<option value="'.$row[$name].'">'.$row[$name].'</option>';
Comments
Post a Comment