HTML 元素中的 JavaScript 常量

Question

我有一个javascript常量，我想知道我是否以及如何在输入形式中获取该常量。 例如。

<input form="POST" action="INSERT_API_CONSTANT_HERE/myroute" />

我想知道是否有可能做这样的事情。 提前谢谢。

Answer 1

首先，你的HTML标签是错误的。 <form> 是与 <input> 不同的标签，因此要成为表单，它应该是：

<form id="myForm" method="POST" action="{{api}}/myroute">
    <input type="text" value="this is an input" />
</form>

我还提供了一个<input>标签给你注意区别，现在让我们去通过 javascript 使用 JQuery 动态更改表单操作：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
//your "constant"
var MY_CONSTANT = "some_value";
//option A: to set action parameter, replace"{{api}}" text to your "constant" value
var originalAction = $("#myForm").attr("action");
$("#myForm").attr("action" , originalAction.replace("{{api}}", MY_CONSTANT));
//option B: you could leave form action empty in HTML and write everythig here via javascript
$("myForm").attr("action" ,MY_CONSTANT + "/myroute" );
</script>

选项

A 和 B 都有效，但我不认为将文本替换为另一个文本是最佳解决方案，我认为我更喜欢选项 B。

Answer 2

试试这个：

$("form").attr("action", $("form").attr("action")
         .replace(/INSERT_API_CONSTANT_HERE/g, APIConstant))