如何将文本附加到HTML输入表单？

我已经创建了一个基本的html输入表单，但是想在用户输入中添加一些文本，我该怎么做

<form action="https://api.hipchat.com/v1/rooms/message" method="get" target="">
  <input type="hidden" name="room_id" value="example">
  <input type="hidden" name="from" value="example">
  <input type="hidden" name="color" value="example">
  <input type="hidden" name="notify" value="example">
  <input type="hidden" name="auth_token" value="example">

  Message: <input type="text" name="message"><br>
  <input type="submit" value="Submit">
</form>

信息：

我想从用户那里获取一些信息，然后将其发布到聊天室。所有这些都按原样工作。但我想在信息前加上“@Lewis”，这样我就可以在HipChat上得到一个提述。是否可以执行以下操作：

value=“@Lewis”+“提交”

---

谢谢

您可以使用JavaScript实现这一点。添加一个提交处理程序，并在消息开头添加您想要的文本。使用jQuery的示例如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">   </script>
<script>
  $(function() {
    $('form').submit(function() {
      var $m = $(this).find('[name=message]');
      $m.val('@Lewis ' + $m.val();
    });
  });
</script>

$（函数（）{
$（'form'）。提交（函数（）{
var$m=$（this.find（'[name=message]'）；
$m.val（'@Lewis'+$m.val（）；
});
});

无需为此请求添加jQuery。一个小的JavaScript将为您提供同样好的服务，并且更加轻量级。但是如果您计划使用大量js，您可能需要开始签出jQuery

信息：


window.onload=函数（）{
document.getElementById（“myForm”）.onsubmit=function（）{
var msgElement=document.getElementById（“myMessage”）；
msgElement.value='@Lewis:'+msgElement.value；
警报（msgElement.value）；//注释/删除此行
返回true；
};
};

你用什么来提交表单？你需要用它来附加数据我只是用一个带按钮的基本HTML页面。这就是你的意思吗？@codedude仅仅使用HTML是很困难的。你可以一直使用隐藏字段来提交表单，但它需要在接收端进行解析。另一个选项是JavaScript。谢谢你的回答。我很高兴我是这方面的初学者，如何添加提交处理程序？如何将jQuery合并到表单中？要使其正常工作，您只需包含jQuery库并将上述代码放入脚本标记中。仅此而已。我调整了代码，以便您可以复制并粘贴到页面中。非常感谢您的帮助！这将只是一个basic表单，所以JavaScript应该足够了。虽然我仍然有点卡住了，即使在输入表单id之后，它似乎仍然没有将其添加到URL。考虑到警报的工作情况，这是很奇怪的？我需要更改“myMessage”吗？编辑：只需在消息上设置id字段，现在就可以更改了！@Lewis我已经为表单和消息添加了一个id输入。两者都必须存在，因为它们被javascript用于查找元素。这非常有效，谢谢！最后一个问题是，我如何使提交按钮不打开新页面？它会将我带到一个丑陋的HipChat页面，确认消息已发送。我更喜欢javascript弹出窗口或其他东西，以防止页面出现错误anging。我尝试将目标更改为iframe，但这似乎仍然会打开一个新页面？@Lewis您的代码（您发布的）中没有任何内容会导致新窗口弹出，因此它必须是帖子的接收者。您可以改为使用ajax发送它（无声，无重定向），但你要么要问一个新问题，要么搜索SO/google（这方面有很多问题和指南），因为它不在你当前问题的范围内。很高兴它对你有用。是的，我同意。如果这是你用JavaScript唯一要做的事情，最好不要使用jQuery。