Как проверить ввод пользователя в раскрывающемся списке следующей кнопкой, только если выбрана опция?

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>