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“单击此处”，必须执行表单操作。

应该在网址中填充textBox值。

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.If appendinmg to 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>

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

3 个答案: