激活具体按钮类型=“提交”JavaScript或JQuery

时间:2014-03-16 11:06:48

标签: javascript jquery forms

我有一张表格 在其中,选择按钮 所以我选择一个值,按下更改按钮,然后跟着我,一切正常。 代码

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" enctype="multipart/form-data">

    <select class="hl-1a sel" id="select1" name="select1" >
        <option value="1" > 1 </option>
        <option value="2" > 2 </option>
        <option value="3" > 3 </option>
        <input type="submit" id="100" name ="100" value="ZMEN" /> 
    </select>

    <br />
    <br />
    <input type="submit" name="odoslat" value="ODOSLAŤ" /> 

</form>

但我们需要选择我而不按ZMEN回复,所以我添加了一个选择onchange ='this.form.submit()' 我需要获取onchange激活按钮

<input type="submit" id="100" name ="100" value="ZMEN" /> 

而不是主要按钮表格

<input type="submit" name="odoslat" value="ODOSLAŤ" /> 
添加onchange='this.form.submit()'

后的

代码

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" enctype="multipart/form-data">

    <select class="hl-1a sel" id="select1" name="select1" onchange='this.form.submit()' > <!--  Here I added the onchange  -->
        <option value="1" > 1 </option>
        <option value="2" > 2 </option>
        <option value="3" > 3 </option>
        <input type="submit" id="100" name ="100" value="ZMEN" /> <!--  I need to get my onchange activate this button  -->
    </select>

    <br />
    <br />
    <input type="submit" name="odoslat" value="ODOSLAT" /> <!-- onchange me this button activates which for me is inconvenient -->

</form>

但在这种情况下我onchange = 'this.form.submit ()'按钮会激活主要表单ODOSLAT,这对我来说很不方便。

可以实现在我自动更改SELECT按钮的值ZMEN后激活JavaScript。

<input type="submit" id="100" name ="100" value="ZMEN" />

请有人劝告。提前谢谢。

1 个答案:

答案 0 :(得分:0)

您需要在<select>元素之外移动提交按钮。然后,当select元素值更改时,您将要单击正确的提交按钮。使用看起来像这样的jQuery:

$(document).ready(function() {
    $('#select1').on('change', function(e) {$('#100').click();});
});