检查输入文本字段是否具有特定数值并使用 jquery 更改选择的选定选项

Question

I have a select menu with 3 options and i want to have the 3d option selected on page load when the input text fields has value 0 (zero) and 2nd option selected when the input text field is empty. Here is my code:

 /*$(document).ready(function() { if($('#price').val('0')) { $('#pricetypeselect').val()=='3'; } else if ($('#price').val('')) { $('#pricetypeselect').val()=='2'; } });*/ //HERE IS THE WORKING CODE BASED ON THE SELECTED ANSWER BELOW $(document).ready(function() { $select = $('#pricetypeselect'); $priceVal = $('#price').val(); if($priceVal=='0'){ $select.val('3') }else if($priceVal==''){ $select.val('2') } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <select id="pricetypeselect"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <input id="price" type="text" name="price" value="0" placeholder="price in USD $"/>

What i 'm doing wrong ?

Answer 1

$(document).ready(function() { 
    $select = $('#pricetypeselect');
    $priceVal = $('#price').val();

    if($priceVal=='0'){
       $select.val('3')
    }else if($priceVal==''){
        $select.val('2')
     }
});