[英]How do I make a form selection go to another page?
我正在為班級項目創建調查，其中一個調查問題需要一個下拉列表，用戶可以在其中選擇字母。 這個想法是當用戶選擇一個字母時，代碼會將它們鏈接到另一個網站。 例如，“ A”會將其帶到網站X，“ B將它們帶到網站X，“ N”將它們帶到網站Y，依此類推。
我剛接觸編程領域，並且了解HTML和JavaScript的基礎知識，因此我的調查對象是HTML和JavaScript。 我願意接受任何建議。 我不確定是否可以將鏈接添加到HTML中，或者是否需要像JavaScript代碼中那樣創建onclick函數。 給任何方向將不勝感激！
var StoryMap = function(){ var elements = document.getElementsByTagName("option"); if (elements === "A"){ alert("Thank you! Please go to this Story Map (link)"); }else{ alert("Please select the first letter of your last name"); } };
<!DOCTYPE html> <html> <head> <title>Esri Story Map Study</title> <script src="javascript.js"></script> <link href="style.css" type="text/css" rel="stylesheet"/> </head> <body> <h2>The Windom Park Historic Residential District Pre-Survey</h2> <h3>Please select the <span>first letter</span> of your <span>last name</span>: </h3> <form> <p> <select name="firstLetter"> <option value="Blank"></option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> <option value="E">E</option> <option value="F">F</option> <option value="G">G</option> <option value="H">H</option> <option value="I">I</option> <option value="J">J</option> <option value="K">K</option> <option value="L">L</option> <option value="M">M</option> <option value="N">N</option> <option value="O">O</option> <option value="P">P</option> <option value="Q">Q</option> <option value="R">R</option> <option value="S">S</option> <option value="T">T</option> <option value="U">U</option> <option value="V">V</option> <option value="W">W</option> <option value="X">X</option> <option value="Y">Y</option> <option value="Z">Z</option> </p> <input type="submit" name="next" value="Next"/> </form>
document.getElementsByValue（“ option”）;
如果我沒記錯的話，您可以將您的選擇值設置為與您要使用的網站相同。 例如：
<select name="firstletter">
<option value="www.google.com">A</option>
<option value="www.amazon.com">B</option>
<option value="www.yahoo.com"> C</option>
</select>
這可以幫助您：
<!DOCTYPE html> <html> <head> </head> <body> <script> function StoryMap(){ var ele = document.forms["frm"]["firstLetter"].value; if (ele == "A"){ var link = "https://www.google.com"; alert("Thank you! Please go to this Story Map " + link); } else{ alert("Please select the first letter of your last name"); } } </script> <h3>Please select the <span>first letter</span> of your <span>last name</span>: </h3> <form name="frm" method="post" onsubmit="StoryMap()"> <p> <select name="firstLetter"> <option value="Blank"></option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> <option value="E">E</option> <option value="F">F</option> <option value="G">G</option> <option value="H">H</option> <option value="I">I</option> <option value="J">J</option> <option value="K">K</option> <option value="L">L</option> <option value="M">M</option> <option value="N">N</option> <option value="O">O</option> <option value="P">P</option> <option value="Q">Q</option> <option value="R">R</option> <option value="S">S</option> <option value="T">T</option> <option value="U">U</option> <option value="V">V</option> <option value="W">W</option> <option value="X">X</option> <option value="Y">Y</option> <option value="Z">Z</option> </select> <input type="submit" name="next" value="Next"/> </form> </body> </html>
如果您不將數據發送到“新頁面”，則不需要form和按鈕。 代碼非常簡單。
<select onchange="redirToDestination(this)">
<option value="Blank"></option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
</select>
...
function redirToDestination(elem){
switch(elem.value){
case 'A':
window.location = 'newpage1.html';
break;
case 'B':
case 'C':
window.location = 'newpage2.html';
break;
...
default:
alert('Select letter');
break;
}//switch
}//function
如何驗證既不轉到另一頁卻又在同一頁上填寫另一張表格的表格？
[英]How do I validate a form that doesnt go to another page yet fills out another form on the same page?
如何制作表格（兩個輸入）將我帶到另一頁，其選擇取決於輸入
[英]How do I make form (two inputs) take me to another page which selections depends on the input
如何使HTML表單顯示在另一個HTML頁面頂部的框中
[英]How do I make an html form appear in a box on top of another html page
如何使用提交按鈕組合值添加多個下拉表單並將另一個 html 頁面名稱添加到 go
[英]How to add multiple dropdown form with submit button combine value and make another html page name to go to it
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.