Question

这是我的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");
}}

因为我什至无法使警报框正常工作，所以我知道出了点问题。我在做什么错了？

Answer 1

让我给出两个解决方案，因为我怀疑您如何称呼 howform（）

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

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

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

仅在选择了选项的情况下，如何使用下一个按钮验证下拉菜单中的用户输入？

1 个答案: