Javascript未在单击时填充字段

我有下面的表单，我想用输入和文本区域的值填充它

最终输出应为：

<form id="message-form" method="post">
    <input type="hidden" name="user_id" id="user_id" value="1">
    <textarea id="message" cols="40" rows="3" placeholder="Your Message to Name"></textarea>
    <button class="button">Send</button>
</form>

form.getElementById不是有效的函数。您应该改用document.getElementById：

函数initMessageFormuser_id，name{ var form=document.getElementById'message-form'； document.getElementById'user\u id'。value=user\u id； document.getElementById'message'。占位符='您的消息到'+名称； } initMessageForm'1'，'Name'； 邮寄 form.getElementById不是有效的函数。您应该改用document.getElementById：

函数initMessageFormuser_id，name{ var form=document.getElementById'message-form'； document.getElementById'user\u id'。value=user\u id； document.getElementById'message'。占位符='您的消息到'+名称； } initMessageForm'1'，'Name'； 邮寄

---

您不能根据表单元素的id从中选择表单元素。您可以从文档上下文中选择它们。但如果要使用form元素选择它们，则可以使用命名属性：

function initMessageForm(user_id, name){
    console.log('Clicked on Send Message Button');
    var form = document.getElementById('message-form');
    form.user_id.value = user_id;
    form.message.placeholder = 'Your Message to ' + name;
}
initMessageForm(1,'Name') 

在表单元素上应该具有name属性的位置：

<input type="hidden" name="user_id" id="user_id">
<textarea id="message" name="message" cols="40" rows="3"></textarea>

---

您不能根据表单元素的id从中选择表单元素。您可以从文档上下文中选择它们。但如果要使用form元素选择它们，则可以使用命名属性：

function initMessageForm(user_id, name){
    console.log('Clicked on Send Message Button');
    var form = document.getElementById('message-form');
    form.user_id.value = user_id;
    form.message.placeholder = 'Your Message to ' + name;
}
initMessageForm(1,'Name') 

在表单元素上应该具有name属性的位置：

<input type="hidden" name="user_id" id="user_id">
<textarea id="message" name="message" cols="40" rows="3"></textarea>

---

@AtulSharma-请阅读OP的函数和预期结果。OP明确表示我想用值填充。@AtulSharma-请阅读OP的函数和预期结果。OP明确指出，我希望用值填充。