Jquery 选择框选项remove()有效,但hide()无效

Jquery 选择框选项remove()有效,但hide()无效,jquery,select,show-hide,option,Jquery,Select,Show Hide,Option,我想根据输入字段的值显示和隐藏选择框选项。奇怪的是,这只适用于$('thispoption')。删除(),但不能使用: $('thisOption').hide() // or: $('thisOption').css('visibility', 'hidden') $('#Selectkk').Load('JSON/kk_select_box.php')) //选择框就绪后的回调 函数(){ 变量i,过滤器, $input=$('ort#kk'), $options=$('#select

我想根据输入字段的值显示和隐藏选择框选项。奇怪的是,这只适用于
$('thispoption')
。删除
()
,但不能使用:

$('thisOption').hide() 
// or:
$('thisOption').css('visibility', 'hidden')
$('#Selectkk').Load('JSON/kk_select_box.php'))
//选择框就绪后的回调
函数(){
变量i,过滤器,
$input=$('ort#kk'),
$options=$('#select_kk')。查找('option'))
$Input.keyup(函数(){
过滤器=$input.val()
$Options.each(函数(){
var option_text=$(this.text();
var pos=选项_text.search(过滤器);
如果(位置==-1){
$(This.remove();
}
})
});
}
);

对不起!!再次: 是的,代码是有效的

$('#selectkk').load('JSON/kk_select_box.php?' + $.param({
          kk: encodeURIComponent(''),
         plz: encodeURIComponent(''),
         ort: encodeURIComponent(''),        
     }),
                // callback function after selectbox has load 
                function(){
                    var i, filter,
                    $input = $('#ort_kk'),          
                    $options =$('#select_kk').find('option')                    
                    $input.keyup(function(){
                            filter = $input.val()
                            $options.each(function(){
                                var option_text=$(this).text();
                                var pos = option_text.search(filter);
                                if( pos == -1 ){ 
                                    $(this).remove(); }
                                })

                    });

                }                 
           );
但无论如何,这是行不通的:

...
    if (pos == -1) {
      $(this).hide(); 
    } else {
      $(this).show();
    }
...

这个代码能用吗?我这样问是因为问题中有几个语法问题。我想知道这些是否只是在创建问题时犯的错误,或者它们实际上存在于您的代码中。检查控制台是否有错误,我用复制粘贴和添加了各种空格。