Question

原谅我

＆＃13;

function addText() {
var input = document.getElementById('something');
input.value = input.value +'URGENT PLEASE READ';
}

＆＃13;

<form name="frm1" action="?" onsubmit="addText()">
<p> Subject </p><input type="text" name="Subject" size="40" id="something" onsubmit="addText()"maxlength="30" />

                     <p>Message</p>
<textarea id="angryarea" name="Message" cols="100" rows="20"></textarea>     
                    
<input type="submit" value="MAKE URGENT" id="URGENT"/>

                    </form>

＆＃13;

我是JS的新手，我正在尝试创建一个按钮，添加单词＆＃34; URGENT PLEASE READ＆＃34;对于消息的主题;但是，以下代码只是清除了我的主题。提前谢谢你，

Answer 1

在表单submit事件上使用正确的事件处理程序，并阻止表单提交，否则页面只会重新加载，并且更改的值将丢失。

document.getElementById('myForm').addEventListener('submit', function(e) {
  e.preventDefault();
  
  var input = document.getElementById('something');
  input.value = input.value + 'URGENT PLEASE READ';
});

<form name="frm1" action="?" id="myForm">
  <p> Subject </p>
  <input type="text" name="Subject" size="40" id="something" maxlength="30" />

  <p>Message</p>
  <textarea id="angryarea" name="Message" cols="100" rows="20"></textarea>

  <input type="submit" value="MAKE URGENT" id="URGENT" />
</form>

Answer 2

我不确定你是否想要一个单独的按钮来制作紧急和提交 - 如果是这样你就可以这样做

function addText() {
    var input = document.getElementById('something');
    input.value = input.value + 'URGENT PLEASE READ';
}

<form name="frm1" action="?" onsubmit="addText()">
  <p> Subject </p><input type="text" name="Subject" size="40" id="something" maxlength="30" />

  <p>Message</p>
  <textarea id="angryarea" name="Message" cols="100" rows="10"></textarea> 


  <button type="button" id="URGENT" onclick="addText()">MAKE URGENT</button>
  <input type="submit" value="SUBMIT" id="SUBMIT"/>
</form>

Answer 3

为什么不使用Checkbox？

＆＃13;

<form name="frm1" action="?">
    <p> Subject </p>
    <input type="text" name="Subject" size="40" id="something" maxlength="30" />

    <p>Message</p>
    <textarea id="angryarea" name="Message" cols="50" rows="5"></textarea>
    
    <br><br>
    <input type="checkbox" name="Urgent" /> Make urgent
    
    <br><br>
    <input type="submit" value="Submit"/>

</form>

＆＃13;

如何获取按钮以将文本添加到输入表单

3 个答案: