2015-08-13 35 views
-1

我有一個自動生成的HTML頁面,其上有幾個表單。我能夠將每個表單封裝在一個div標籤中,但無法控制表單的內容。使用Javascript提交分區內選定的表格

我想在頁面頂部有一個索引列表,它提供位於頁面下方的適當表單。

我已經簽入使用JavaScript提交使用onclick函數和提交按鈕的ID選定的表單。如果我能夠爲每個提交按鈕創建一個ID,這將工作,但我只能確定一個包裝表單的部門。有沒有辦法在JavaScript中做到這一點?

HTML:(用戶什麼見)

  • 點擊這裏查看項目1
  • 點擊這裏查看項目2
  • 點擊這裏查看項目3

[購買項目1]

[購買商品2]

[購買項目3]

+0

爲什麼你不能給的ID的形式? –

+2

你可以發佈HTML代碼供我們看看嗎? –

+0

每個'input'元素都有一個'form'屬性,它可以直接引用它所包含的表單。如果提交按鈕是一個實際的'input'元素,這可能會有所幫助。 – Katana314

回答

1

提供:

  • 你知道div
  • id恰好有一個form每個div

您應該能夠提交form這樣:

var div = document.getElementById("id_of_the_div_containing_the_form"); 
var form = div.getElementsByTagName("form")[0]; 
form.submit(); 

或者在單行:

document.getElementById("id").getElementsByTagName("form")[0].submit(); 
+0

謝謝,你的建議效果很好。我添加了以下功能: 'code'function submitFormInDiv(div_id){ var div = document.getElementById(div_id); var form = div.getElementsByTagName(「form」)[0]; form.submit(); } – Zuddie