如何在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