[英]Submitting the form using jquery
When I click the search icon, it alerts ok
, but not h
. 当我单击搜索图标时,它会提示ok
,但不会提示h
。
According to my codes below, it should alert both ok
& h
. 根据我下面的代码,它应该同时提醒ok
和h
。
<?php if(isset($_POST['search'])){
echo "<script type='text/javascript'>alert('h');</script>";
} ?>
<form method="post">
<div class="col_1">
<select name="search_type" required="">
<option value="0">Anywhere</option>
<option value="1">Start With</option>
<option value="2">End With</option>
</select>
</div>
<div class="col_2">
<input type="number" name="search_q" data-type="num" maxlength="10" placeholder="Digit" required="">
</div>
<div class="col_3">
<input type="submit" name="search" id="input_submit" hidden />
<button type="submit" id="button_submit"><i class="fa fa-search"></i></button>
</div>
</form>
$('#button_submit').click(function() {
$('#input_submit').click();
alert("ok");
});
You are not sending a search
value in the request. 您没有在请求中发送search
值。
The <input name="search" />
is hidden (so not being clicked) and even if it was visible it has no value
to send in the request. <input name="search" />
是隐藏的(因此不会被单击),即使它可见也没有value
可以发送请求。
To fix this remove that input
and put the name
and value
attributes on the <button>
instead: 要解决此问题,请删除该input
,然后将name
和value
属性放在<button>
:
<?php if(isset($_POST['search']))
{
echo "<script type='text/javascript'>console.log('h');</script>";
} ?>
<form method="post">
<div class="col_1">
<select name="search_type" required="">
<option value="0">Anywhere</option>
<option value="1">Start With</option>
<option value="2">End With</option>
</select>
</div>
<div class="col_2">
<input type="number" name="search_q" data-type="num" maxlength="10" placeholder="Digit" required="">
</div>
<div class="col_3">
<button type="submit" id="button_submit" name="search" value="foobar">
<i class="fa fa-search"></i>
</button>
</div>
</form>
$('#button_submit').click(function() {
$('#input_submit').click();
console.log("ok");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.