javascript - 包含括号的变量会导致问题

Question

简单的东西：我在单击按钮并将其写入文本字段时读取了选择框的值：

选择框：

<select name="link[link_category]">
  <option value="Fun">Sport</option>
  <option value="Music">Music</option>
</select>

现在我有我的按钮

<button class="btn btn-success" onclick="myFunction()">Continue</button>

触发一个简单的功能

<script>
function myFunction()
{
  result = document.new_link.link[link_category].value;
  document.getElementById("demo").innerHTML=result;
}
</script>

result 从选择框中读取值，函数在名为“demo”的字段中输出值

<p id="demo"></p>

我的问题：

为 Box 使用一个简单的名称，如“abc”，让一切都像魅力一样工作。但是一旦使用括号（我的rails应用程序需要括号才能工作），它就会说

*未捕获的引用错误：未定义链接类别*

如何使用括号来处理我的 JS 函数？

谢谢你的帮助。

Answer 1

您将需要使用括号符号来访问它

result = document.new_link['link[link_category]'].value;