Jquery.empty（）不允许在dropdownlist中选择项_Jquery

Jquery.empty（）不允许在dropdownlist中选择项

jquery

Jquery.empty（）不允许在dropdownlist中选择项,jquery,Jquery,我不熟悉JQUERY 我正在尝试下拉列表项，但如果使用JQUERY.EMPTY在单击时清除下拉列表，则无法在下拉列表中选择项 $（文档）.ready（函数（）{ $（“#测试”）。单击（函数（）{ var opt=[“AP”、“BP”、“KP”、“CS”、“gh”、“kol”、“op”] $。每个（选项、功能（i、val）{ $（“#测试”）。追加( $（''）.val（i）.html（val） ); }); }); }); --挑选-- 这是正确的解决方案。您的问题是在下拉单击时调用em

我不熟悉JQUERY

我正在尝试下拉列表项，但如果使用JQUERY.EMPTY在单击时清除下拉列表，则无法在下拉列表中选择项


$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
var opt=[“AP”、“BP”、“KP”、“CS”、“gh”、“kol”、“op”]
$。每个（选项、功能（i、val）{
$（“#测试”）。追加(
$（''）.val（i）.html（val）
);
});
});
});
--挑选--
这是正确的解决方案。您的问题是在下拉单击时调用empty（），但当您选择选项时，它会再次被清除并重新填充，因为这也算作下拉单击。因此，我已经设置了一个if-which检查是否单击了select，如果是，则清空它，否则不清空（如果实际单击了选项）。
我相信这就是你想要的
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test").click(function(e){

    var $target = $(e.target);
    if($target.attr("id") == "test")
    {
        $(this).empty();
        var opt=["AP","BP","KP","CS","gh","kol","op"]
        $.each(opt,function(i,val){
        $("#test").append(
        $('<option></option>').val(i).html(val)
        );
        });

    }
});
});
</script>
</head>
<body>
<select id="test">
<option value="0">--Select--</option>
</select>
</body>
</html>


$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（e）{
var$target=$（即target）；
if（$target.attr（“id”）=“test”）
{
$（this.empty（）；
var opt=[“AP”、“BP”、“KP”、“CS”、“gh”、“kol”、“op”]
$。每个（选项、功能（i、val）{
$（“#测试”）。追加(
$（''）.val（i）.html（val）
);
});
}
});
});
--挑选--

这是您的正确解决方案。您的问题是在下拉单击时调用empty（），但当您选择选项时，它会再次被清除并重新填充，因为这也算作下拉单击。因此，我已经设置了一个if-which检查是否单击了select，如果是，则清空它，否则不清空（如果实际单击了选项）。
我相信这就是你想要的
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test").click(function(e){

    var $target = $(e.target);
    if($target.attr("id") == "test")
    {
        $(this).empty();
        var opt=["AP","BP","KP","CS","gh","kol","op"]
        $.each(opt,function(i,val){
        $("#test").append(
        $('<option></option>').val(i).html(val)
        );
        });

    }
});
});
</script>
</head>
<body>
<select id="test">
<option value="0">--Select--</option>
</select>
</body>
</html>


$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（e）{
var$target=$（即target）；
if（$target.attr（“id”）=“test”）
{
$（this.empty（）；
var opt=[“AP”、“BP”、“KP”、“CS”、“gh”、“kol”、“op”]
$。每个（选项、功能（i、val）{
$（“#测试”）。追加(
$（''）.val（i）.html（val）
);
});
}
});
});
--挑选--

你应该试试这个

$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“#测试”）.empty（）；
$（“#测试”）。追加（$（“--Select-->”）；
var opt=[“AP”、“BP”、“KP”、“CS”、“gh”、“kol”、“op”]
$。每个（选项、功能（i、val）{
$（“#测试”）。追加(
$（“”+val+“”）
);
});
});
});你应该试试这个

$（文档）.ready（函数（）{
$（“#测试”）。单击（函数（）{
$（“#测试”）.empty（）；
$（“#测试”）。追加（$（“--Select-->”）；
var opt=[“AP”、“BP”、“KP”、“CS”、“gh”、“kol”、“op”]
$。每个（选项、功能（i、val）{
$（“#测试”）。追加(
$（“”+val+“”）
);
});
});
});试试这个试试这个