动态相关选择菜单jqueryphp版本

动态相关选择菜单jqueryphp版本,jquery,Jquery,在前面的问题中,我发布了以下示例代码:。 这是特定jquery脚本的HTML版本。 用户@jSweazy帮助我指出,每次从第一个菜单中选择新状态时,我都应该更新jquery.uniform脚本。 示例的工作版本如下所示:。 我知道默认选项对于菜单来说太大了,但这很容易修复 我现在的问题是,我实际上使用的是PHP版本的脚本。在该版本中,使用$.uniform.update更新jquery.uniform;我没做那件事。实际上,当我插入update命令时,第二个菜单不再可见 PHP版本如下所示 $

在前面的问题中,我发布了以下示例代码:。 这是特定jquery脚本的HTML版本。 用户@jSweazy帮助我指出,每次从第一个菜单中选择新状态时,我都应该更新jquery.uniform脚本。 示例的工作版本如下所示:。 我知道默认选项对于菜单来说太大了,但这很容易修复

我现在的问题是,我实际上使用的是PHP版本的脚本。在该版本中,使用$.uniform.update更新jquery.uniform;我没做那件事。实际上,当我插入update命令时,第二个菜单不再可见

PHP版本如下所示

 $(document).ready(function(){
 function populate() {
 if($('#state').val() == 'AK' || $('#state').val() == 'DC') // Alaska and District     Columbia have no counties
{
   $('#county_drop_down').hide();
   $('#no_county_drop_down').show();
    } else {
   fetch.doPost('../getCounties.php');
   }
  }
  $('#state').change(populate);
  var fetch = function() {
  var counties = $('#county');
  return {
  doPost: function(src) {
 $('#loading_county_drop_down').show(); // Show the Loading...
 $('#county_drop_down').hide(); // Hide the drop down
 $('#no_county_drop_down').hide(); // Hide the "no counties" message (if it's the case)
 if (src) $.post(src, { state_code: $('#state').val() }, this.getCounties);
    else throw new Error('No SRC was passed to getCounties!');
},

getCounties: function(results) {

    if (!results) return;
            var allCounties = $("<option value=\"All\">All Counties</option>");
  counties.html(results);
  counties.prepend(allCities);
  counties.val("All").attr('selected',true);


$('#loading_county_drop_down').hide(); // Hide the Loading...

$('#county_drop_down').show(); // Show the drop down

}   
 }

 }();

 populate();
 });
查询数据库并检索每个州的县的getcountries.php工作正常。 州和县是两个选择菜单的名称。 因此,如果有人能给我一个建议,如何实现更新的县菜单在这个版本的脚本我将不胜感激。
提前感谢您花时间阅读

我意识到,即使在这种情况下,您也必须更新jquery.uniform,但因为还有其他样式化元素,如单选按钮、复选框等。 您必须插入$.uniform.update'select'。因此代码的最后一部分变成

 $('#loading_county_drop_down').hide(); // Hide the Loading...
 $.uniform.update('select')
 $('#county_drop_down').show(); // Show the drop down

谢谢,这一款帮助我摆脱了在select上显示/隐藏的困境。请注意,上面的代码中有一个小的拼写错误。它应该是:$.uniform.update'select';