HTML按鈕從文本鏈接到網站

Question

我想用一個HTML按鈕來鏈接到一個給定的文本字段輸入的新網站。

我選擇這樣的：

Option: <br /> 
       One <input type="radio" value="Short" 
       name="option" <br />: 
       Two <input type="radio" value="Long" 
       name="option" <br />: 
       Three <input type="radio" value="Zero" 
       name="option" <br />: 

我想有一個按鈕，進入... /一個如果選擇一個，... /兩如果有兩個選擇，等等。

<form> <input class="MyButton" type="button" value="Google" 
     onclick=window.location.href='www.google.com' /> </form> 

我知道這是我如何去指定的鏈接，但我想去基於我的選項的選擇，而不是一個靜態的選擇的鏈接。謝謝

Answer 1

首先你必須修復你的HTML錯誤。沒有輸入元素有結束標籤。

總結一，二，三連跨

Option: <br /> 
    <span>One</span> <input type="radio" value="Short" name="option" /> <br /> 
    <span>Two</span> <input type="radio" value="Long" name="option" /> <br /> 
    <span>Three</span> <input type="radio" value="Zero" name="option" /> <br /> 

<form> <input class="MyButton" type="button" value="Google" /> </form> 

然後你就可以得到你的選擇值和設定按鈕onclick值

$(document).ready(function(){ 

    $("input[type='radio']").click(function(){ 
     var text = $(this).prev('span').text(); 
     $('form > input').attr('onclick', 
      "javascript:window.location.href='https://www.google.com/" + text + "'"); 
    }); 

}); 

之後，你點擊Google按鈕，你會redired到https://www.google.com/yourSelectValue

Answer 2

使用javascript做到這一點。

單擊按鈕時進行函數調用。這樣的事情...

<input type="button" onclick="myfunction()"/> 

和函數內部從文本輸入獲取值，並使用適當的方法去鏈接。

Answer 3

我個人不會爲此使用javascript，只需使用正常按鈕和formaction屬性中的URL即可。

<form> 
    <button formaction="http://stackexchange.com">Stackexchange</button> 
</form> 

form標籤爲必填項。

參考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-formaction