表單元素鏈接充當按鈕

-2

我有一個包含許多鏈接（大約17）的HTML表單。我想，當點擊一個鏈接時，表單在鏈接中使用相同的ID提交。表單元素鏈接充當按鈕

<form id="form" action="some page.php"> 
<a href='?value=0'>value 1</a><br /> 
<a href='?value=1'>value 2</a><br /> 
<a href='?value=2'>value 3</a><br /> 
<a href='?value=3'>value 4</a><br /> 
<a href='?value=4'>value 5</a><br /> 
*********************** 
**** CLIPPED **** 
*********************** 
<a href='?value=16'>value 17</a><br /> 
</form>

當按下鏈接時，它會將我發送到同一頁面index.php?value=some number。我希望每個鏈接都有一個確定的值/ ID，點擊後，表單將被提交併發送至some page.php。

這可能嗎？

來源

2011-12-10 sikas

爲什麼使用表單？它裏面還有形式元素嗎？ – PeeHaa

@PeeHaa：表單將只包含鏈接，我希望它們的行爲就好像按了'

如果你不打算使用表單元素，爲什麼你需要一個表單？你是什麼意思，像「按鈕」一樣行事？ – PeeHaa

你必須使用一個名稱的形式：

<form id="form" name="myform" action="some page.php">

添加一個隱藏字段：

<a href="javascript:submit(17)">value 17</a>

或

：

<input type="hidden" name="myvalue">

然後你的鏈接使用JavaScript

<a href='#' onclick="submit(17)">value 17</a>

最後，寫一個javascript：

<script language="javascript"> 
function submit(value) { 
    document.myform.myvalue.value = value; 
    document.myform.submit(); 
} 
</script>

如果你的表格只包含一個領域，你也可以使用一個簡單的鏈接值爲：

<a href="some page.php?value="17">value 17</a>

來源

2011-12-10 20:20:48 felipecrp

你的答案與eljunior的答案類似，但你讓我看到了代碼中的錯誤（表格名稱，愚蠢的我！），我忘記了形式的方法：D – sikas

您可以簡單地將鏈接指向somepage.php?value=1。

編輯：對不起，我誤讀！這是正確的答案：使用JavaScript來設置一個隱藏的變量，並提交形式：

<input type="hidden" name="value" /> 
<a onclick="this.form.value=1; this.form.submit();">value 1</a> 
<a onclick="this.form.value=2; this.form.submit();">value 2</a>

來源

2011-12-10 20:13:44 elias

我知道這一點。但我正在尋找其他方法來做到這一點。我想要的選擇有鏈接的外觀，但作爲'

他給你的正是你所期待的，據我所知。 –

您必須使用某些CSS來設置鏈接的樣式。看看這篇文章：http：// www。oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html – elias

你可以用HREF =「？一些page.php文件價值=」等等，不同的是一個裸體的空間是不允許的在一個URL中。但這意味着只是一個鏈接 - 而不是表單提交。如果你想表單提交，使用輸入類型=提交或按鈕類型=提交元素。最簡單的方法可能是輸入type = submit與一個值參數。然而，你真正的問題（不能從描述中猜到）可能有完全不同的解決方案。

來源

2011-12-10 20:17:25

我正在使用''，所以'input type = submit'在我的情況下是無效的。 – sikas

這看起來像一個鏈接，但一按鈕。你不會得到訪問過的鏈接顏色的好處，但我相信這是你正在尋找的。

http://jsfiddle.net/KtZPW/3/

來源

2011-12-10 20:35:45