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

Activating concrete button type="submit" JavaScript or JQuery

本文关键字：JavaScript JQuery 提交 按钮类型 激活      更新时间：2023-09-26

我有一个表单在其中，选择按钮所以我选择选择一个值，按下更改按钮，跟着我一切都正常工作。代码

<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的情况下选择我的响应，所以我添加了select onchange='this.form.submit()'我需要得到我的onchange激活按钮

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

而不是主按钮Form 

<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，这对我来说是不方便的。

可以实现JavaScript激活后，我改变一个SELECT按钮的值自动ZMEN 

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

有人能告诉我吗?

您需要将提交按钮移出<select>元素。然后，当选择元素的值发生变化时，您需要单击正确的提交按钮。使用jQuery，看起来像这样:

$(document).ready(function() {
    $('#select1').on('change', function(e) {$('#100').click();});
});
相关文章：