jquery - 在表单操作中传递文本框值

Question

<form method="post" action="http://xyz.com/?value="+textBox1.val+"&area="+textBox2.val>
    <input type="text" name="textBox1"></input>
    <input type="text" name="textBox2"></input>
    <div>Click here</div>
</form>

单击 div.text “单击此处”时，必须执行表单操作。

文本框值应该填充到 url 中。

Answer 1

使用表单属性而不是 javascript 或 jquery

 <form method="get" action="http://xyz.com/">
   <input type="text" name="value" />
   <input type="text" name="area" />
   <input type="submit" value="Click here"/>
</form>

Answer 2

由于您缺少id或class属性，我将根据您的代码回答。强烈建议您改用类。

$('form div').on( 'click', function( e ) {
    e.stopPropagation();
    $.ajax( {
        url: "http://xyz.com/",
        type: 'get',
        data: {value: $('input[name=textBox1]').val(), area: $('input[name=textBox2]').val()},
        success: function( data ) {
            console.log( data );
        }
    });
});

Answer 3

您的表单方法是 post .. 因此无需将 textBox1 附加到 url。如果需要将 appendinmg 附加到 url .. 使用 get 方法（form method="get"）。

<form name="myForm" method="post" action="http://xyz.com">
    <input type="text" name="textBox1"></input>
    <input type="text" name="textBox2"></input>
    <div onclick="document.myForm.submit()">Click here</div>
</form>