傳遞表單中的文本框值

-4

<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值應該填充到url中。

來源

2013-04-16 Debjeet Das

即使它是空的？ – hjpotter92

你如何設置JavaScript var的文本框的值，也是你需要編寫url的動作，值將被自動提交 –

我的意思是填充文本框中的HTML –

使用表單屬性而不是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>

來源

2013-04-16 07:13:48 bipen

在action url中，我需要填充value.val（）想要一些關於該方法的解決方案 –

因爲你缺少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); 
     } 
    }); 
});

來源

2013-04-16 07:16:50 hjpotter92

HTML中的輸入被命名爲'textarea1'和'textarea2'，而不是'value'和'area'。 –

@TimHeap謝謝！ :)編輯。 – hjpotter92

你的形式方法是後..所以沒有必要追加textBox1的到url.If appendinmg到網址是必要的..使用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>

來源

2013-04-16 07:17:10

傳遞表單中的文本框值

回答

相關問題