單擊按鈕時，我想使用 JavaScript 插入文本。但是 ```.value()``` 似乎不起作用

Question

這是代碼片段。 請幫我解決這個錯誤：/我想要做的是當我點擊按鈕時它應該在輸入欄中插入一些值

 function insertText() { try { document.querySelector('#input').value('Clicked'); } catch (err) { console.log("ERROR") } }

 * { margin: 0; padding: 0; box-sizing: border-box; }.container { height: 60vh; width: 100vw; display: grid; place-items: center; border: 2px solid blue; }.btn { height: 40vh; border: 2px solid red; width: 100vw; display: grid; place-items: center; }.btn>button { padding: 10px 40px; }

 <div class="container"> <input type="text" value="" id="input"> </div> <div class="btn"> <button oncanplay="insertText()" id="butt">INSERT SOME TEXT</button> </div>

Answer 1

 function insertText(){ try{ document.querySelector('#input').value = "Lorem Ipsum"; }catch(err){ console.log("ERROR"); } }

 *{ margin: 0; padding: 0; box-sizing: border-box; }.container{ height: 60vh; width: 100vw; display: grid; place-items: center; border: 2px solid blue; }.btn{ height: 40vh; border: 2px solid red; width: 100vw; display: grid; place-items: center; }.btn>button{ padding: 10px 40px; }

 <div class="container"> <input type="text" value="" id="input"> </div> <div class="btn"> <button onclick="insertText()" id="butt">INSERT SOME TEXT</button> </div>

Answer 2

您可以使用此 jQuery function 將文本添加到輸入。

 <script>
            $(document).ready(function () {
                $("#setBtnID").click(function () {
                    $("input:text").val("Hello World!");
                });
            });
        </script>

 * { margin: 0; padding: 0; box-sizing: border-box; }.container { height: 60vh; width: 100vw; display: grid; place-items: center; border: 2px solid blue; }.btn { height: 40vh; border: 2px solid red; width: 100vw; display: grid; place-items: center; }.btn>button { padding: 10px 40px; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <head> <script> $(document).ready(function () { $("#setBtnID").click(function () { $("input:text").val("Hello World;"); }); }); </script> </head> <body> <div class="container"> <input type="text" value="" id="input"> </div> <div class="btn"> <button id="setBtnID">INSERT SOME TEXT</button> </div> </body>

單擊按鈕時，我想使用 JavaScript 插入文本。但是 ```.value()``` 似乎不起作用

問題描述

2 個解決方案

解決方案1
3 2021-12-29 06:50:02

解決方案2
0 2021-12-29 07:45:02

單擊按鈕時，我想使用 JavaScript 插入文本。 但是 ```.value()``` 似乎不起作用

問題描述

2 個解決方案

解決方案1 3 2021-12-29 06:50:02

解決方案2 0 2021-12-29 07:45:02

單擊按鈕時，我想使用 JavaScript 插入文本。但是 ```.value()``` 似乎不起作用

解決方案1
3 2021-12-29 06:50:02

解決方案2
0 2021-12-29 07:45:02