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

时间:2014-08-13 12:50:52

标签: javascript jquery html

我一直试图弄清楚我如何能有两个提交按钮,一个批准,一个拒绝。选择'批准'时,它会将批准的下拉列表更改为“是”'或“'否”'拒绝。我的表单上还有其他选择菜单,因此我需要特定于此下拉菜单。我一直在尝试编辑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">

2 个答案:

答案 0 :(得分:1)

$(".applyButton").click(function(){
  $('#1_1_116_1').val("Yes");
});
$(".resetButton").click(function(){
  $('#1_1_116_1').val("No");
});

Demo

旁注:submitreset按钮适用于<form>。您可以使用一个简单的按钮来实现此功能。此外,<li>应位于<ul>

答案 1 :(得分:0)

这是你的意思吗?

<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/