gpt4 book ai didi

javascript - 使用 javascript 和 html 选择第二个选项后发出警报

转载 作者:行者123 更新时间:2023-12-02 14:41:10 25 4
gpt4 key购买 nike

美好的一天,我是一个使用 javascript 的新手。这就是代码的工作原理: Drop drown select/option(tan) 填充分配的第二个 option(action) 。我的问题是选择第二个选项(操作)后,警报不显示...请帮助我。提前致谢

<html>
<head><title>wahaha</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery-1.12.3.js"></script>
<script>
$(document).ready(function ()
{
$("#type").change
(function ()
{
var val = $(this).val();
if (val == "tan")
{
$("#size").html("<select id='m'><option value='test'>nope</option><option value='action'>action</option></select>");
if (val == "action")
{
window.alert(5 + 6);
}
else if (val == test)
{
window.alert(5 + 6);
}
else{ alert("sample code"); }
}

else if (val == "-- select one --")
{
$("#size").html("<option value='test'>disney</option><option value='test2'>disneyt</option>");


}
else if (val == "green")
{
$("#size").html("<option value='test'>olive</option><option value='test2'>mantis green</option><option value='test2'>jungle green</option><option value='test'>asparagus</option>");

}
else if (val == "blue")
{
$("#size").html("<option value='test'>azure</option><option value='test2'>cerulean</option>");
}

}
);
});
</script>
</head>
<body>
<form>

<select id="type">
<option value="-- select one --">-- select one -- </option>
<option value="tan">tan</option>
<option value="green">green</option>
<option value="blue">blue</option>

</select>
<select id="size">
<option value="">-SIZE -- </option>
<option value="">size </option>
</select>
<br><br>
</form>
</body>
</html>

最佳答案

<html>
<head><title>wahaha</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script>

$(document).ready(function(){
$("#type").on("change",function(){
// #type Select is selected

var val = $(this).val();

if(val == "tan")
$("#size").html("<option value='test'>nope</option><option value='action'>action</option>");
else if(val == "-- select one --")
$("#size").html("<option value='test'>disney</option><option value='test2'>disneyt</option>");
else if(val == "green")
$("#size").html("<option value='test'>olive</option><option value='test2'>mantis green</option><option value='test2'>jungle green</option><option value='test'>asparagus</option>");
else if(val == "blue")
$("#size").html("<option value='test'>azure</option><option value='test2'>cerulean</option>");
});

$("#size").change(function(){
// #size Select is selected

var val2 = $(this).val();

if(val2 == "action")
alert( 5 + 6 );
else if(val2 == "test")
alert("sample code");
});


});
</script>
</head>
<body>
<form>

<select id="type">
<option value="-- select one --">-- select one -- </option>
<option value="tan">tan</option>
<option value="green">green</option>
<option value="blue">blue</option>

</select>
<select id="size">
<option value="">-SIZE -- </option>
<option value="">size </option>
</select>
<br><br>
</form>
</body>
</html>

#size 选择中的“操作”值。所以别跑。但它现在正在运行..

关于javascript - 使用 javascript 和 html 选择第二个选项后发出警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36996054/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com