从表单提交批准/拒绝按钮中选择下拉菜单值

Select Dropdown menu value from buttons on form submission Approve / Reject

本文关键字:选择 下拉菜单 按钮 拒绝 表单提交      更新时间:2023-09-26

我一直在尝试解决如何拥有两个提交按钮,一个批准和一个拒绝。当选择"Approve"时,它会将已批准的下拉菜单更改为"Yes",或"No"以表示拒绝。我的表单上还有其他选择菜单,所以我需要它特定于这个下拉菜单。我一直在尝试编辑一些不同的JQuery和Javascript解决方案的例子,但我没有得到这个权利。这是我的工作http://jsfiddle.net/nbren007/cxokhr7e/1/到目前为止。

<li><label for>Approved</label>
<select class="selectMenu" ID="_1_1_116_1" NAME="_1_1_116_1" /required>
<option value="" >&lt;None&gt;</option>
<option value="Yes" >Yes</option>
<option value="No" >No</option>
</select>
</li>
<INPUT CLASS="applyButton" TYPE="Submit" VALUE="Approve">
<INPUT CLASS="applyButton" TYPE="Submit" VALUE="Reject">
$(".applyButton").click(function(){
  $('#1_1_116_1').val("Yes");
});
$(".resetButton").click(function(){
  $('#1_1_116_1').val("No");
});

演示

旁注:submitreset按钮在<form>内工作。您可以使用一个简单的按钮来实现此功能。此外,<li>应该在<ul>

你是这个意思吗?

<button CLASS="applyButton btn" VALUE="Yes">apply</button>
<button CLASS="resetButton btn" VALUE="No">reset</button>
$('.btn').click(function(){     
    $('#_1_1_116_1').val($(this).attr("value"));
})
http://jsfiddle.net/cxokhr7e/4/