如何從多個選擇HTML中選擇值

Question

我有一個選擇此表格：

 <form name="form" method="post" action="registr.php"> <select name="type"> <option value="std">Standard</option> <option value="stud">Student</option> <option selected hidden value=""></option> </select> <input type="submit" value="Invia" onclick="return validation();"> </form> 

我必須檢查使用javaScript函數發送的數據。 如果我沒有選擇學生或標准生，則該表格必須返回false。 這是函數，但是不起作用：

function validation() {
  var type = document.form.type.value;
  if (type == "") {
    return false;
  }
  return true;
}

Answer 1

您應該將對驗證函數的調用添加到表單本身的Submit事件中，而不是直接添加到按鈕上。 如果未選擇學生或標准，以下示例將打開一個警報對話框。

 function validation() { var type = document.form.type.value; if (type == "") { alert("Please select something"); return false; } return true; } 

 <form name="form" method="post" action="registr.php" onsubmit="return validation();"> <select name="type"> <option value="std">Standard</option> <option value="stud">Student</option> <option selected hidden value=""></option> </select> <input type="submit" value="Invia"> </form> 

Answer 2

只需在表單標簽onsubmit中調用驗證方法，因為如果表單獲取錯誤，則它將不提交，否則它將提交。

<form name="form" method="post" onsubmit="return validation();" action="registr.php">
<select name="type">
<option value="std">Standard</option>
<option value="stud">Student</option>
<option selected hidden value=""></option>
</select>
<input type="submit" value="Invia">
</form>

Answer 3

您的腳本確實有效，您也可以嘗試向您的選擇選項添加id ：

 function validation() { var id = document.getElementById("selecttype"); var type = id.options[id.options.selectedIndex].value; if (type == "") { return false; } return true; } 

 <form name="form" method="post" action="registr.php"> <select name="type" id="selecttype"> <option value="std">Standard</option> <option value="stud">Student</option> <option selected hidden value=""></option> </select> <input type="submit" value="Invia" onclick="return validation();"> </form> 

Answer 4

看來您錯誤地訪問了選擇字段。 嘗試這個

 var type = document.forms[0].elements.type.value;