2017-01-08 4 views
1

私はPHPを使用してhtmlフォームを作成しました。配送時間は<input>フィールドで、クラスはtimepickerです。私はjquery.timepicker.min.jsピッカーを使用しており、値は必要に応じてスムーズに選択できます。onchange jquery.timepicker.min.jsドロップダウンから選択した値でフォームを送信するには

ただし、onBlur=this.form.submit<input>に設定すると、選択した値の代わりにデフォルト値が送信されます。

onBlurの代わりに<input>onChangeに設定した場合、フォームは提出されません。

投稿ボタンを追加して<input>に何も使用しないと、送信ボタンをクリックして正しい値が送信されます。

私はJavascriptの本格的な初心者であり、助けていただければ幸いです。

ADDITIONAL INFO: 次のように私はピッカーのスクリプトにあなたの答えからコードを追加しました:

<script> 
$(document).ready(function(){ 
var x = document.getElementById("toimklo").value; 
document.getElementById("tklo").innerHTML = x; 
$('input.timepicker').timepicker({ 
    timeFormat: 'HH:mm', 
    interval: 30, 
    minTime: '09:00', 
    maxTime: '18:00', 
    defaultTime: x, 
    startTime: '09:00', 
    dynamic: false, 
    dropdown: true, 
    scrollbar: false }); 
$('tklo').on('selectTime', function() { 
    $('lomake').submit(); }); }); 
</script> 

toimkloは、データベースに格納された納期のためのPHP <input>です。 tkloは、選択した値のドロップダウンを開いて含むための<input class="timepicker">です。 lomakeは送信しようとするフォームの名前です。

私は間違った場所にコードを追加したと思いますか?

+0

ようこそスタックオーバーフロー!最初に[ツアー](http://stackoverflow.com/tour)にアクセスし、[よくある質問をする方法](http://stackoverflow.com/help/how-to-ask)を学んで[最小、完全、および検証可能](http://stackoverflow.com/help/mcve)の例を参照してください。私たちがあなたのコードを見ることができれば、私たちがあなたを助けてくれます。 。; \t \tのdocument.getElementById ただし、何も起こりません。私はそれが間違った場所になければならないと思いますか? – Hannerz

+0

関連する問題