Javascript 语义界面下拉列表更改提交表单?
我想在选择元素时提交表单-跳过按提交按钮 我尝试使用Javascript 语义界面下拉列表更改提交表单?,javascript,drop-down-menu,submit,form-submit,semantic-ui,Javascript,Drop Down Menu,Submit,Form Submit,Semantic Ui,我想在选择元素时提交表单-跳过按提交按钮 我尝试使用onchange=“this.form.submit()”,但在这里不起作用 代码如下: <form action="" method="get"> <div class="ui floating dropdown labeled search icon button dd"> <input type="hidden" name="nutr_code"> <s
onchange=“this.form.submit()”
,但在这里不起作用
代码如下:
<form action="" method="get">
<div class="ui floating dropdown labeled search icon button dd">
<input type="hidden" name="nutr_code">
<span class="text">Select nutrient</span>
<div class="menu">
<div class="item" data-value="ca">Calcium</div>
<div class="item" data-value="fe">Iron</div>
<div class="item" data-value="mg">Magnesium</div>
<div class="item" data-value="zn">Zinc</div>
</div>
</div>
<br><br>
<input type="submit" value="Show results">
</form>
选择营养素
钙
熨斗
镁
锌
您需要在表单标签中定义操作,或者添加一些提交按钮的方法
<input type="submit" value="Show results" onclick="someFunction()">
如果按此方法操作,还需要定义someFunction()。谢谢您可以使用Jquery
$(document).ready(function(){
$("input[name='nutr_code']").on('input',function(e){
$("input[type='submit']").trigger( "click" );
});
});
因为您使用的是GET方法,所以您可以通过自己构造url来使用javascript重定向
$('.ui.dropdown').dropdown({
'onChange': function (value, text, $choice) {
location.href = 'http://example.com/?nutr_code=' + value;
}});
第二个选项是使用回调函数的值更改输入字段“nutr_code”,如上所示
$('input[name="nutr_code"]').val(value);
并从js提交
$('form').submit();
编辑:
第二个选项的示例
$('.ui.dropdown').dropdown({
'onChange': function (value, text, $choice) {
// Uncomment if semantic is not updating the input before submit.
//$('input[name="nutr_code"]').val(value);
$('form').submit();
}});
你真棒,谢谢你!第二个选项是我使用的。好东西!