Question

我在页面上有一些非常简单的表单，所有结构如下。我只需要在按下链接时提交带有值的表单。有没有办法在点击的表单中提交值而不必唯一地标识每个表单？

let fruits = ["Apple", "Banana", "Coconut"]

form +++= SelectableSection<ImageCheckRow<String>, String>() { section in
    section.header = HeaderFooterView(title: "What is your favorite fruit ?")
}

for fruit in fruits {
    form.last! <<< ImageCheckRow<String>(fruit) { lrow in
        lrow.title = fruit
        lrow.selectableValue = fruit
    }
}

form +++ Section("xxxxxx Question") {
    //hide this section when apple is selected
    //$0.hidden =
}

form.last! <<< TextAreaRow() {
    $0.title = "Enter description here..."
}

Answer 1

只需使用按钮提交表单，然后根据您的喜好设置样式按钮默认提交表单。

＆＃13;

button {
    background:none!important;
    border:none; 
    padding: 0;
    margin : 0;
    cursor: pointer;
}

button:hover {
  color: green;
  text-decoration: underline;
}

＆＃13;

<form action="result.php" method="post">
    <input name="id" type="hidden" value="10" />
    <button>Button that submits the form</button>
</form>

＆＃13;

Answer 2

尝试在.submit()

上致电this.parentElement

<form action="result.php" method="post">
    <input name="id" type="hidden" value="10" />
    <a href="#" onclick="this.parentElement.submit();">
       some text with styling to click
    </a>
</form>

Answer 3

如果您使用的是jquery

$('form [name=myForm]').on('submit' function(e){
    e.preventDefault();

});

Answer 4

我认为使用jQuery这应该可行：

$('form a').click(function(e){
  var form = $(this).parent('form');
  form.submit();
  return false;
});

通过这种方式，您可以在表单中找到链接，并为每个链接添加一个点击事件。如果单击链接，则仅提交周围的表单。这是所有表单的解决方案。因此，您不需要ugly点击每个链接来破坏您的代码。

不使用jQuery：this.parentElement.submit(); this是您的链接元素，parentElement是您要提交的表单。

Answer 5

您可以使用jquery，只需为表单提供ID 复制下面的代码。

<form action="result.php" method="post" id='myForm'>
    <input name="id" type="hidden" value="10" />
    <a href="#" onclick='document.getElementById("myForm").submit();'>
       some text with styling to click
    </a>
    </form>

提交表单值的非常简单的方法

5 个答案: