javascript - 未捕获的 SyntaxError：将 javascript 添加到 wpcf7 时出现意外的标记“<”

Question

我目前正在 wpcf7 中构建一个条件单选按钮。我修改了这个站点的代码，特别是这部分：

    <label> Your Name (required)
[text* your-name] </label>
 
<label> Your Email (required)
[email* your-email] </label>
 
<label>Select A Size:</label> [radio select-a-size id:SelectASizeRadio default:1 "S" "M" "XL" "Other"]
 
<label id="EnterYourSize"> Please Specify Your Size
[text size] </label>
 
[submit "Send"]
 
<script language="javascript" type="text/javascript">
// Hide the Text field by default
document.getElementById('EnterYourSize').style.display = 'none';
document.getElementById('SelectASizeRadio').addEventListener('click', displayTextField);
function displayTextField() {
  // Get the value of the currently selected radio button. 'select-a-size' is the name of the radio buttons you specify in the form builder
  var radioText = document.querySelector('input[name="select-a-size"]:checked').value;
  if (radioText == 'Other') {
    document.getElementById('EnterYourSize').style.display = 'block';
  } else {
    document.getElementById('EnterYourSize').style.display = 'none';
  }
}
</script>

有时它可以工作，但有时 javascript 代码似乎根本没有运行并喷出“Uncaught SyntaxError: Unexpected token '<'” 我推断这可能是因为标签中的设置，但我不知道如何解决这个问题。

编辑：代码像这里的示例一样直接粘贴到 wpcf7 编辑器中。检查将我带到一个空白文件。

标签： javascriptwordpresscontact-form-7