如何在输入标签中传递值?

通常,我正在尝试在 p、div 和 pre 标签中传递值,并且值显示在上面的标签中,现在我正在输入标签中传递国家/地区名称。但输入标签中不显示值。这是我的代码:


<!DOCTYPE html>

<html>

<head>

    <title>Get browser and ip address </title>

</head>

<body>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1><a href="https://ipdata.co">ipdata.co</a> - IP geolocation API</h1>

<input type="text" name="country_name" id="country_name" value="">

<p id="country_name"></p>

<div id="ip"></div>

<div id="city"></div>

<pre id="response"></pre>


<script> 


$.get("https://api.ipdata.co?api-key=test", function (response) {

    $("#ip").html("IP: " + response.ip);

    $("#city").html(response.country_name + ", " + response.region);

    $("#country_name").html(response.country_name);

    $("#response").html(JSON.stringify(response, null, 4));

}, "jsonp");


</script>


</body>

</html>

谢谢。


收到一只叮咚
浏览 124回答 3
3回答

叮当猫咪

只有一个项目可以有一个特定的 id。如果您希望他们分享某些内容,请尝试使用课程。由于两者并且具有相同的 id 它将不起作用 请注意,您可以 getElement&nbsp;S&nbsp;ByClassName 但您只能获取Element&nbsp;ById 的类允许多个,而 ID 只允许一个
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript