如何在html输入字段中显示这个javascript返回值？

Question

我希望在我的输入字段中使用 JavaScript 的结果，以便在单击提交时将值推送到我的服务器。

在这段代码中，我能够在 HTML 中获取 Javascript 结果，但我不知道如何在输入字段中显示它。

我的代码如下。 它将返回本地 LAN IP。

我正在创建此页面以从我们的办公室电脑获取本地 IP。 现在IP显示在网页中，但我希望它显示在输入框中，以便当用户点击提交时，结果被推送到服务器/数据库。

这在 HTML 正文中使用时将显示在网页中。 这个 class='ipAdd' 应该通过设置它的值在输入字段中显示。

 $(document).ready(function ubsrt() { window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc = new RTCPeerConnection({ iceServers: [] }), noop = function() {}; pc.createDataChannel(""); pc.createOffer(pc.setLocalDescription.bind(pc), noop); pc.onicecandidate = function(ice) { if (!ice || !ice.candidate || !ice.candidate.candidate) return; var myIP = /([0-9]{1,3}(\\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/.exec(ice.candidate.candidate)[1]; console.log('my IP: ', myIP); $('.ipAdd').text(myIP); pc.onicecandidate = noop; }; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="formGroup"> <label for="address">IP Address</label> <br> <input type="text" class="one" id="address" name="address" size="50px" id="" Value="id=" list ""> </div> <h3 class='ipAdd'> <h3>

Answer 1

如果你想向文本框显示写一些东西，你可以使用 jQuery 的.val()函数来设置文本框的值。 在您的情况下，您可以使用文本框的 ID 来识别它。 所以

$('#address').val(myIP);

将工作。

运行此演示以查看它：

 $(document).ready(function ubsrt() { window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc = new RTCPeerConnection({ iceServers: [] }), noop = function() {}; pc.createDataChannel(""); pc.createOffer(pc.setLocalDescription.bind(pc), noop); pc.onicecandidate = function(ice) { if (!ice || !ice.candidate || !ice.candidate.candidate) return; var myIP = /([0-9]{1,3}(\\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/.exec(ice.candidate.candidate)[1]; console.log('my IP: ', myIP); $('#address').val(myIP); $('.ipAdd').text(myIP); pc.onicecandidate = noop; }; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="formGroup"> <label for="address">IP Address</label> <br> <input type="text" class="one" id="address" name="address" size="50px" id="" Value="id=" list ""> </div> <h3 class='ipAdd'></h3>

（友情提示：以上是一些最基本的 jQuery 语法。如果你对这类事情不确定，那么可能是时候通过学习一些教程等来提高你的 jQuery 技能了。

Answer 2

尝试以下代码寻求帮助。

$('.ipAdd').html(myIP);  // this value display in html
$('#address').val(myIP); // this value store in input