如何在jQuery中取消隐藏元素

时间:2013-01-24 13:22:40

标签: jquery ajax drop-down-menu show-hide

这里需要一些帮助....我正在使用自动填充的下拉列表。第二个下拉列表仅在第一个下拉列表中选择一个项目后出现 - 但是,我希望它保留在屏幕上并且不会在页面重新加载时消失,就好像我想要搜索另一个城镇一样,我不能只显示第二个选择第一个后(如果你知道我的意思)......

继承人我的jQ ......     $(document).ready(function(){

$('#wait_1').hide();
$('#result_1').show();
$('#drop_1').change(function(){
  $('#wait_1').show();
      $.get("twotier/func.php", {
    func: "drop_1",
    drop_var: $('#drop_1').val()
  }, function(response){

    $('#result_1').fadeIn();
    setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
  });
    return false;
});
});

function finishAjax(id, response) {
$('#wait_1').hide();
$('#'+id).html(unescape(response));

} 

...和我的HTML

//获得主要县

<select name="drop_1" class="searchboxes" id="drop_1">
 <option value="" selected="selected">Any Town</option>
 <?php getTierOne(); echo $drop_var; ?>
 </select>

///等待图像在响应时淡入淡出

 <span id="wait_1" style="display: none;"><img alt="Please Wait" src="twotier/ajax-           loader.gif"/></span>

//显示城镇下拉列表

 <span id="result_1"></span>

我可以看到它在哪里消失,但不知道如何阻止它这样做,我已经尝试了几个小时。我只需要它总是可用(所以如果我选择东米德兰兹,然后选择德比并查看结果,我可以选择莱斯特而不必选择和取消选择米德兰兹,因为目前城镇下降在页面重新加载时消失。)

希望有人可以帮助我。先感谢您。

1 个答案:

答案 0 :(得分:0)

您需要在页面加载时检查城镇中的默认值。如果存在默认值,则隐藏下拉菜单,否则显示它。

你需要有这样的东西。

$(document).ready(function() {
    if(('#drop2').val() !== 'default'){
      // show drop 2   
    }else{
        //hide drop 2   
    }
});