私はオプション

Question

$(function() { 
 
    var select = $('select').val; 
 
    if (select = 1) { 
 
    $("#selectedTime").val("11:00 AM"); 
 
    } 
 
}); 
 
else { 
 
    $("#selectedTime").val("8:00 PM"); 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

Answer 1

ここではカップルの事：

まず、用changeイベントハンドラを使用しますピッカーを選択して変更をトリガーします。次に、値の設定にはRFC3339時間形式を使用してください。

$(function() { 
 
    var select = $('select').val; 
 
    $("select.select").change(function() { 
 
    // Check input($(this).val()) for validity here 
 
    if ($(this).val() == 1) { 
 
     $("#selectedTime").val("11:00:00"); 
 
    } else { 
 
     $("#selectedTime").val("08:00:00"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

Answer 2

ドロップダウンを選択したときにあなたがここにかなりの数の問題を抱えて自動的に時刻を変更したい：あなたのコードの途中でランダム});があります

• を構文エラーが発生する
• valはプロパティではありませんので、関数であるため、.val()
• val()も文字列を返しますので、と比較してください。1
• =は値の設定に使用されません。 ==か===は、設定した時間値がAMまたはPMを持つべきではない、と形式00:00、ない0:00であるべき比較
• のために使用されています。

最後に、ページが読み込まれるとコードが1回だけ実行されます。代わりに、selectのchangeイベントにフックする必要があります。次に、あなたのコードを実行し、時間入力のval()を更新し、このようなものができます。

$(function() { 
 
    $('.select').change(function() { 
 
    var select = $(this).val(); 
 
    if (select === '1') { 
 
     $("#selectedTime").val("11:00"); 
 
    } else { 
 
     $("#selectedTime").val("08:00"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

Answer 3

コードが間違って見えるのJavaScript：第三に、あなたはあなたのコードのいくつかで間違ったいくつかの構文（誤配置ブレース）を有していました。たくさんの書類を読んでください。

$(function() { 
 
    jQuery('.select').change(function() { 
 
    var select = $('.select').val(); 
 
    console.log(select); 
 
    if (select == 1) { 
 
     $("#selectedTime").val("11:00"); 
 
    } else { 
 
     $("#selectedTime").val("08:00"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

jQueryのは、24時間形式です。