如何將 function 作為 HTML 中的參數傳遞？

Question

我是 web 開發的新手，我提前道歉。 我有一個表單，用戶可以在其中編寫簡單的消息，然后瀏覽器將打開包含先前編寫的消息的 whatsapp web。 我需要將 function 傳遞給表單的 action="" 才能完成這項工作。 我想不通。

到目前為止我嘗試和工作的內容：

<form id="user_form" action="https://api.whatsapp.com/send?phone=123456789&text=Hello" method="post" enctype="text/plain">
            <textarea id="msg" cols="30" rows="10" placeholder="Message ..."></textarea>
            <input type="submit" value="connect us" class="btn">
</form>

它工作得很好，但我希望文本參數（https://api.....text=VARIABLE）成為用戶編寫的消息。

我試圖這樣做，但似乎不起作用：

<form id="user_form" onSubmit="return sendMsg()" method="post" enctype="text/plain">
            <textarea id="msg" cols="30" rows="10" placeholder="Message ..."></textarea>
            <input type="submit" value="connect us" class="btn">
</form>

<script>
        function sendMsg(){
            var actualMsg = document.getElementById("msg").value;
            document.user_form.action = "https://api.whatsapp.com/send?phone=123456789&text=Hello";
            return false;
        }
</script>

Answer 1

你需要的是一個事件監聽器來更新你的action屬性的值。

 const url = 'https://api.whatsapp.com/send?phone=123456789&text='; document.getElementById('msg').addEventListener('keyup', (e) => { document.getElementById('user_form').setAttribute('action', url + e.target.value); console.log(document.getElementById('user_form').getAttribute('action')); })

 <form id="user_form" action="" method="post" enctype="text/plain"> <textarea id="msg" cols="30" rows="10" placeholder="Message..."></textarea> <input type="submit" value="connect us" class="btn"> </form>