実行アヤックスDB

Question

から検索して選択

I持って、私は選択されたオプション「共有・ツアー」からAJAXを実行する方法がわからない

<select name="type_service" id="type_service" class="type_service"> 
    <option value="Airport Transfer">Airport Transfer</option> 
    <option value="Private Tour">Private Tour</option> 
    <option value="Shared Tour" selected="selected">Shared Tour</option> 
    <option value="Shore Trip">Shore Trip</option> 
    <option value="Port Transfer">Port Transfer</option> 
</select> 

データベースから取得したオプションを使用して、次のselectページが読み込まれます。次のような変更機能を使用すると、ユーザーはAjaxレスポンスを取得するためにShared Tourを変更して再選択する必要があります。代わりにこのオンロードが必要です。

$(document).ready(function(){ 
    $(".type_service").change(function(){ 
    var id=$(this).val(); 
    var dataString = "id="+ id; 

    $.ajax({ 
    type: "POST", 
    url: "ajax/ajax_type.php", 
    data: dataString, 
    cache: false, 
    success: function(html){ 
     $(".result").html(html); 
    } 
    }); 

    }); 

}); 

おかげでテストされていない

Answer 1

が、あなたが必要とすることのようなものです：

$(document).ready(function() { 
ajax_request($("#type_service option:selected").val()); 

    $(".type_service").change(function() { 
    var id = $(this).val(); 
    ajax_request(id); 
    }); 

}); 
function ajax_request(id){ 
     var dataString = "id=" + id; 
    $.ajax({ 
     type: "POST", 
     url: "ajax/ajax_type.php", 
     data: dataString, 
     cache: false, 
     success: function(html) { 
     $(".result").html(html); 
     } 
    }); 
}