javascript 输入值在赋值后为空

Question

非常基本的问题；我敢打赌这里已经有人问过了，但确实找不到。

好吧，我有一个带有隐藏输入的小 html 表单:

<input type='hidden' id='switchtonew' name='new' value='no'>

还有一个按钮，可以通过函数将隐藏输入的值更改为"is"，因为它还可以做更多事情，但这些工作......:

<button onclick='maneu()'>switch</button>

和函数:

function maneu(){
  [...]
  document.getElementById('switchtonew').value = 'yes';
}

现在，如果您单击该按钮，我的隐藏输入的值就会消失。

为什么？我也尝试过 element.setAttribute('value', 'yes'); 。

我真的很困惑，请帮忙:(

编辑:将函数名称更改为实际的、使用过的函数名称。仍然无法工作。

Answer 1

您正在使用保留字switch。通过重命名该函数，它应该可以工作。

您可以使用 type="button" 作为按钮来阻止提交。

function switchValue() {
    document.getElementById('switchtonew').value = 'yes';
}

<button onclick="switchValue()" type="button">switch</button>
<!-- type is text for displaying the value -->
<input type="text" id="switchtonew" name="new" value="no">