發佈非表單值？

Question

我想知道是否有可能以某種方式獲得div的值，並將其附加到表單提交後？

Answer 1

使用JavaScript，您可以獲取DIV內容並將它們插入到隱藏的表單字段中。

一個例子 - 網頁程式碼（jQuery的使用簡單，純JS會工作過）：

<form id="yourform" action="/some/uri"> 
    <input type="hidden" name="your_div_content" id="hidden_element" /> 
    <input type="submit" /> 
</form> 
<div id="yourdiv"> 
    This text will be copied into the form using JS 
</div> 
<script> 
    $('#yourform').submit(function(){ /* On #yourform submit ... */ 
     $('#hidden_element').val(/* ... set #hidden_element's value ... */ 
      $('#yourdiv').html() /* ... to whatever is in #yourdiv . */ 
     ); 
    }); 
</script> 

當然，當JS的瀏覽器中啓用這隻會工作。

Answer 2

您可能希望在表單中使用隱藏字段<input type="hidden">，然後將您隱藏字段的value設置爲您的div的表單提交innerHTML。

Answer 3

如果你攔截了你的表單的提交事件（也許是通過攔截表單的提交按鈕上的點擊事件），那麼你肯定可以用任何東西包括元素的內容來進行GET或POST。然而，用香草HTML，恐怕是不可能的。

將值填入隱藏字段也可能起作用，取決於偏好。 ;）

Answer 4

你可以有一個隱藏的輸入，並在提交之前用div的內容填充它，然後將其包含在內。

Answer 5

您可以使用ajax。這樣你就可以發送你想要的任何數據。 例如（這是使用的mootools）：

var req = new Request({url: 'somepage.php', data: 'queryStringDate'}); 
req.send(); 

你去那裏:)

這個原因可以在沒有任何框架來完成，我只是不記得代碼在我的腦海:-P

Answer 6

這取決於你的意思是「div的值」。

例如，可以通過使用document.getElementById(your_div_id_here).innerHTML

可選地檢索在div內的所有HTML，可以通過使用例如訪問DIV屬性的值document.getElementById(your_div_id_here).title訪問div的title屬性。