0

テキストボックスとドロップダウンがあります。テキスト ボックスには州名が含まれ、ドロップダウンには都市が含まれます。テキスト ボックスの州を変更し、テキスト ボックス内のテキストに関連するドロップダウンを動的に変更したいと考えています。codeigniter フレームワークを使用しています。私の見解は次のとおりで、データベースからデータを取得します。onchangeまたはテキスト ボックスのその種のイベントに問題があると思います (このコードは、別のドロップダウンの変更イベントに対して機能しました。しかし、taxt ボックスに対しては機能しません。したがって、他のロジックは問題ありませんが、わかりませんテキストボックスのイベント.テキストボックスの正しいイベントは何ですか?私のコード

<script> .........................<script>

    $(document).ready(function(){       
        $('#provincial').on('input',function()
        { 

            var id_provincia = $('#provincial').val();
                $.ajax(
                {
                    type: "POST",
                    dataType: "json", // I ADDED THIS LINE
                    url:"tenda/get_comuni/"+id_provincia,
                    success: function(comuni)
                    {
                        $('#comuni').empty();
                        $.each(comuni,function(id_comune, nome_comune)
                        {
                            var opt = $('<option />');
                            opt.val(id_comune);
                            opt.text(nome_comune);
                            $('#comuni').append(opt);
                        });            
                    }
                });
        });
    });  
</script>
</head>
<body>
<?php $comuni['#'] = 'seleziona'; ?>
<div id="tenda">
            <label for="provincia">provincia: </label><?php echo form_dropdown('id_provincia', $provincie, '#', 'id="provincia"'); ?>
           <?php echo form_input('id_provincial','', '#', 'id="provincial"'); ?>
            <label for="comune">comune: </label><?php echo form_dropdown('id_comune', $comuni, '#', 'id="comuni"'); ?><br />
</div>

4

1 に答える 1

0

テキストボックスの場合、keyupまたはonchange (要素がフォーカスを失ったときに発生) イベントを使用できます。

$('#provincial').keyup(function(event){...});

Enter ボタンを押したときに POST リクエストを送信したい場合は、次のコード スニペットを使用して処理できます。

if (event.which == 13) {
  event.preventDefault();
  .. // DO POST Request
}
于 2013-09-15T05:08:26.057 に答える