gpt4 book ai didi

javascript - 将 JavaScript 函数转换为 jQuery - 选择选项列表

转载 作者:行者123 更新时间:2023-11-30 07:54:27 24 4
gpt4 key购买 nike

这实际上是我第一次使用 jQuery,我已经阅读了教科书中的整个章节,但发现很难全神贯注。我正在尝试将 JavaScript 函数(一个简单的选项选择下拉列表)转换为 jQuery。我尝试了从书中或从 w3schools 和 api.query 获得的几行代码,但无济于事。我会尽量让这一切变得快速和简单,我只是出于某种原因无法理解 jQuery。

我尝试过的通常都行不通。在我的选项列表工作正常之前,我尝试进行试验,但我没有走得太远。

对于问题的含糊不清,我也深表歉意,如果有任何帮助,我将不胜感激!这是我试过的东西:

$(document).ready( function () { 
var c = ???
if ($(c...

calc.js 和它下面的 index.html

function selectedCountry() {
var c = document.getElementById("countryChooser").value;
var message;
if (c == "nothing") { //if they selected the default option, error pops up.
alert("Please select a country.");
} else if (c == "usa") {
message = "United States of America";
document.getElementById("count").innerHTML = "Your country is: " + message;
} else if (c == "canada") {
message = "Canada";
document.getElementById("count").innerHTML = "Your country is: " + message;
} else {
message = "Mexico";
document.getElementById("count").innerHTML = "Your country is: " + message;
}
}
<script src = "calc.js"></script> <!--JavaSript link -->

<select name="countrylist" id="countryChooser" onchange="selectedCountry()">
<option value="nothing">Select a country</option>
<option value="usa">United States of America</option>
<option value="canada">Canada</option>
<option value="mexico">Mexico</option>
</select>
<p id="count"></p>

最佳答案

通过 jQuery 你可以像下面那样做:-

示例:-

$(document).ready(function(){
$('#countryChooser').change(function(){ // on change of select
if($(this).val()!=='nothing'){ // if selected value is some country
$('#count').html("Your country is: "+$("#countryChooser option:selected").text()); // get country name and add it to paragraph
}else{
$('#count').html("");
alert('Please select a country.'); // alert for selecting a country
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="countrylist" id="countryChooser">
<option value="nothing">Select a country</option>
<option value="usa">United States of America</option>
<option value="canada">Canada</option>
<option value="mexico">Mexico</option>
</select>

<p id="count"></p>

关于javascript - 将 JavaScript 函数转换为 jQuery - 选择选项列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43845267/

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