首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

jQuery 實現輸入框內容按鈕複製到另一元素

     編輯:程式設計綜合問答

原代碼存在三個錯誤:id 選擇器缺 #、span 無 value 屬性、未引入 jQuery 庫。

修正完整範例

<input type="text" id="group1currency1" size="12">
<span id="outputcurrency1"></span>
<button id="outputbutton">Output</button>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script>
$(function() {
    $('#outputbutton').click(function() {
        var str = $('#group1currency1').val();
        $('#outputcurrency1').text(str); // span 用 text() 或 html()
    });
});
</script>

關鍵修正

  • $('#outputbutton') 加上 #。
  • span 使用 .text() 而非 .val()。
  • 確保 jQuery 腳本在 DOM 就緒後執行($(function(){...}))。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved