Question

我知道使用：

<a href="#" onclick="document.formName.submit();">

我可以提交一份表格，但如果我需要提交一份价值呢？

说我有这个表格

<form name="f1" id="f1" role="form">
<input type="radio" name="myesno" value="yes" id="myesno1"> Yes
<input type="radio" name="myesno" value="no" id="myesno2"> No
</form>

因此既没有被选中也没有被要求，这个表格显示在页面的顶部，而底部必须是另一个形式用于相同的目的，因此，你可以看到有两个多余的形式有2特别是如果它们在同一页面中的形式......
所以我的想法是使用＆lt; A＆gt;标签提交此表单，但问题是如何提交值？

<a href="#" > Yes </a> | <a href="#" > No </a>

那我该怎么做？

Answer 1

HTML：

<form name="f1" id="f1" role="form">
<input type="hidden" name="selected_option" id="selected_option" value="" />
<a class="opt_button" data-value="yes" href="#" > Yes </a> | <a data-value="no" class="opt_button" href="#" > No </a>
</form>

使用Javascript：

$(document).ready(function() {
    $('.opt_button').on('click', function() {
        $('#selected_option').val($(this).attr('data-value'));
        $('#f1').submit();
    });
});

PHP：

if ($_POST['selected_option'] == 'yes') {
    echo "Yes was selected";
} elseif ($_POST['selected_option'] == 'no') {
    echo "No was selected";
} else {
    echo "Neither option was selected";
}

Answer 2

覆盖onclick以更改隐藏输入中的值（未经测试），假设您使用jQuery

<input type="hidden" id='hiddenid' value="yes" name="Parametername">

<a href="#" id="submit";">

<script>
$(function(){
    $('#submit').click(function() {

    $('#formid').submit();
       // insertlogic
       $('#hiddenid').val('somevalue')
    });
});
</script>

提交带有A标签和值的表单

2 个答案: