在表单提交之前获取表单的选择列表值

时间:2018-04-28 14:10:39

标签: javascript vbscript asp-classic

我希望在提交表单之前从表单中的选定“选择列表选项字段”中获取值,并将其用作我网页中的变量。

例如: 我有以下表格:

<form>
<select name="test">
<option value="111">Something</option>
<option value="222">Something</option>
<option value="333">Something</option>
</select>
</form>

我想知道我的网页用户是否选择了111或222或333值,之后做了类似的事情:

<%
If user selected the value "111" then 
Do something...
Else
Do something else...
End If
%>

在表单提交之前有没有办法做类似的事情?

经过长时间的搜索,我了解到我需要的东西可以通过JavaScript完成,但遗憾的是我对JavaScript完全无知。有人能指导我吗?

1 个答案:

答案 0 :(得分:2)

您无法将表单值用作ASP变量而无需将其提交给服务器,因为ASP会在服务器上运行以执行所有操作。 JavaScript将在浏览器中运行,因此可以执行计算等功能,而无需将表单提交给服务器。

如果您只是想在页面上显示所选的表单选项,那么我们可以使用JavaScript(如果您在页面上运行了jQuery,则使用jQuery)。 e.g。

<script>
 function showValue(s) {
  document.getElementById('myid').innerHTML = s;
 }
</script>
 <form>
<select name="test" onChange="showValue(this.value);">
<option value="111">Something 111</option>
<option value="222">Something 222</option>
<option value="333">Something 333</option>
</select>
</form>
<div id="myid"></div>

如果要在提交表单之前以某种方式处理选择,要么设置另一个表单字段,要么显示一些计算,您需要在JavaScript中编写计算函数或使用AJAX(由ThatGuyInIT建议)来获取另一个ASP页面为您进行处理并将结果返回到您的页面。