我正在使用以下答案来实现所需的下拉框。唯一的区别是我的应用程序中的下拉框代码在一个新的页面中,它将被弹出。
问题是一旦用户选择了任何选项,包括没有值的选项,表单就会被提交!
第 1 页
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate
/1.9/jquery.validate.js"
</script>
<script type="text/javascript">
$("#everything").validate({
messages: {
dd1: {
required: "Please select an option from the list, if
none are appropriate please select 'Other'"
}
}
});
function popup(){
document.getElementById("mydropbox").style.display = "Block";
>> send request to server to show the Page 2 in body of mydropbox <<
return false;
}
</script>
</head>
<body>
<a href="" OnClick="return popup()">popup</a>
<div id="mydropbox"></div>
...
</body>
</html>
第2页
<html>
<body>
<form id="everything">
<label for="dd1">Select the best option</label><br/>
<select name="dd1" id="dd1" class="required">
<option value="">None</option>
<option value="o1">option 1</option>
<option value="o2">option 2</option>
<option value="o3">option 3</option>
</select>
<br/><br/>
<input type="submit" />
</form>
</body>
</html>