Javascript 如何在html中使用jQuery正确显示下拉菜单_Javascript_Jquery_Html

Javascript 如何在html中使用jQuery正确显示下拉菜单

javascript jquery html

Javascript 如何在html中使用jQuery正确显示下拉菜单,javascript,jquery,html,Javascript,Jquery,Html,您好，我是jQuery新手，我正在尝试将其实现为HTML代码，但它不起作用它在这里工作但它在这里不起作用有人能帮我解决这个问题吗 <!DOCTYPE html> <html> <head> </head> <body> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <script> var op

您好，我是jQuery新手，我正在尝试将其实现为HTML代码，但它不起作用

它在这里工作

但它在这里不起作用有人能帮我解决这个问题吗

    <!DOCTYPE html>
<html>
<head>

</head>
<body>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
var options = $("#DropDownList2").html();
$('#DropDownList2 :not([value^="App"])').remove();
$('input:radio').change(function(e) {
    var text = $(this).val();
    $("#DropDownList2").html(options);
    $('#DropDownList2 :not([value^="' + text.substr(0, 3) + '"])').remove();
});
</script>
   <input type="radio" name="test" value="Orange" /> Burger Garage
   <input type="radio" name="test" value="Burger" /> Hardee's
    <input type="radio" name="test" checked="checked" value="Apple" /> Burger Factory & More
    <br>
    <select ID="DropDownList2" Height="18px" Width="187px">
        <option Value="Apple_Style_1">Turbo Chicken</option>
        <option Value="Apple_Style_2">Twin Turbo Chicken</option>
        <option Value="Apple_Style_3">Garage Burger</option>
        <option Value="Burger_Style_1">Chicken Fille</option>
        <option Value="Burger_Style_2">Grilled Chicken Fillet</option>
        <option Value="Burger_Style_3">Jalapeno Chicken</option>
        <option Value="Orange_Style_1">Original Burger</option>
        <option Value="Orange_Style_2">Twin Turbo Chicken</option>
        <option Value="Orange_Style_3">Shuwa Burger</option>
    </select>

</body>
</html>


var options=$（“#DropDownList2”）.html（）；
$（'DropDownList2:not（[value^=“App”]）。删除（）；
$（'input:radio'）。更改（函数（e）{
var text=$（this.val（）；
$（“#DropDownList2”）.html（选项）；
$（“#DropDownList2:not（[value^=“”+text.substr（0,3）+“”））.remove（）；
});
汉堡车库
哈迪斯
汉堡工厂&更多


涡轮鸡
双涡轮鸡
车库汉堡
鸡肉馅
烤鸡片
墨西哥胡椒鸡
原味汉堡
双涡轮鸡
舒瓦汉堡

更新它现在工作一次，然后在单击第三个单选按钮后消失

你可以在这里试试

这是密码

<!DOCTYPE html>
<html>
<head>

</head>
<body>

   <input type="radio" name="test" value="Orange" /> Burger Garage
   <input type="radio" name="test" value="Burger" /> Hardee's
    <input type="radio" name="test" checked="checked" value="Apple" /> Burger Factory & More
    <br>
 <script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
var options = $("#DropDownList2").html();
$('#DropDownList2 :not([value^="App"])').remove();
$('input:radio').change(function(e) {
    var text = $(this).val();
    $("#DropDownList2").html(options);
    $('#DropDownList2 :not([value^="' + text.substr(0, 3) + '"])').remove();});
</script>
    <select ID="DropDownList2" Height="18px" Width="187px">
        <option Value="Apple_Style_1">Turbo Chicken</option>
        <option Value="Apple_Style_2">Twin Turbo Chicken</option>
        <option Value="Apple_Style_3">Garage Burger</option>
        <option Value="Burger_Style_1">Chicken Fille</option>
        <option Value="Burger_Style_2">Grilled Chicken Fillet</option>
        <option Value="Burger_Style_3">Jalapeno Chicken</option>
        <option Value="Orange_Style_1">Original Burger</option>
        <option Value="Orange_Style_2">Twin Turbo Chicken</option>
        <option Value="Orange_Style_3">Shuwa Burger</option>
    </select>

</body>
</html>


汉堡车库
哈迪斯
汉堡工厂&更多


var options=$（“#DropDownList2”）.html（）；
$（'DropDownList2:not（[value^=“App”]）。删除（）；
$（'input:radio'）。更改（函数（e）{
var text=$（this.val（）；
$（“#DropDownList2”）.html（选项）；
$（'#DropDownList2:not（[value^=“'+text.substr（0,3）+'“]））.remove（）；}）；
涡轮鸡
双涡轮鸡
车库汉堡
鸡肉馅
烤鸡片
墨西哥胡椒鸡
原味汉堡
双涡轮鸡
舒瓦汉堡


汉堡车库
哈迪斯
汉堡工厂&更多


涡轮鸡
双涡轮鸡
车库汉堡
鸡肉馅
烤鸡片
墨西哥胡椒鸡
原味汉堡
双涡轮鸡
舒瓦汉堡
var options=$（“#DropDownList2”）.html（）；
$（'DropDownList2:not（[value^=“App”]）。删除（）；
$（'input:radio'）。更改（函数（e）{
var text=$（this.val（）；
$（“#DropDownList2”）.html（选项）；
$（'#DropDownList2:not（[value^=“'+text.substr（0,3）+'“]））.remove（）；}）；

删除

和

之间的所有内容，并且应该works@Mattia我确实编辑了您所说的所有内容，但仍然不起作用。我认为它来自jQuery库