时间戳

首页 > 解决方案 > 如何仅在选项时使用Next按钮验证下拉下的用户输入？

jquery - 如何仅在选项时使用Next按钮验证下拉下的用户输入？

问题描述

这是我的html：

<form class="form-inline"> 
<label class="my-1 mr-2" for="inlineFormCustomSelectPref"></label> 
<select class="custom-select my-1 mr-sm-2" 
id="inlineFormCustomSelectPref"> 
<option selected>Choose...</option> 
<option value="1">Cleaner</option> 
<option value="2">Handyman</option> 
<option value="3">Landscaping</option>
<option value="4">Audio/VideoSetup</option>
<option value="5">Other</option>
</select> 

</form>

<p2>
<button type="button" 
onClick="location.href='where.html'" 
class="btn btn-primary btn-lg">Next</button>
</p2>

这是我在 js 中开始的：

function howform(){
    var a = ("option.value 1");
    var b = ("option.value 2");
    var c = ("option.value 3");
    var d = ("option.value 4");
    var e = ("option.value 5");

if ($("inlineFormCustomSelectPref").val()= a){
   alert ("please click next");
}}

因为我什至无法让警报框工作，所以我知道出了点问题。我究竟做错了什么？

标签： jqueryvalidationdropdown

解决方案

让我给出两个解决方案，因为我怀疑你如何称呼它howform()

解决方案 1： 如果您以任何其他方式调用，因为我看不到该函数调用并且您缺少#符号，它应该是$("#inlineFormCustomSelectPref").val()

解决方案2： 只需将您的代码更改为这样

<script>
 $(document).ready(function(){
     $('#inlineFormCustomSelectPref').change(function(){
         if($(this).val()==1)
         {
             alert('please click next')
         }
     })
 })
</script>

推荐阅读