如何使用提交向文本框添加值?

时间:2014-02-10 08:34:41

标签: javascript onclick submit

我有两个提交按钮,即“批准”和“拒绝”。它们都转到一个控制器文件,因此我将控制器文件设置在表单的动作标签上。

我想要的是,当我点击Approve时,它会将名为'Decision'的隐藏字段的值设置为'Approved',当我点击'Reject'时,隐藏字段的值将被'Rejected'然后表格将继续提交给指定的控制人。

但是,表单继续到控制器,但决策字段为空。 此外,当我尝试在javascript函数上设置“警报”时,每次我点击提交按钮时都没有显示,尽管我使用了onClick标记。

有人可以为此建议一个有效的代码吗?谢谢。 :)

1 个答案:

答案 0 :(得分:0)

因此,我认为表单操作优先于javascript和动画等其他内容。

要回答您的问题:您可以将提交按钮设置为正常按钮,如下所示:

<input id='accept-button' type='button' name='accept' value='Accept' />

并向其添加一个事件侦听器,在单击时更改隐藏字段的值,然后提交表单:

document.getElementById('accept-button').addEventListener("click", function () {
    var hiddenid = document.getElementById('hidden');
    var formid = document.getElementById('form-id');
    hiddenid.value = 'Accepted';
    formid.submit();
});

快速搜索后,我找到了一个更好的解决方案question's accepted answer。它使用jquery。