我想在选择元素时提交表单 - 跳过按提交按钮。
我尝试使用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>
最佳答案
因为您使用的是 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);
并提交<FORM/>
来自 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();
}});
关于javascript - 提交有关语义 UI 中下拉列表更改的表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53296943/