javascript - 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))