從動態選擇中運行Ajax，並選擇從DB中檢索的選項

Question

我有以下select與從數據庫中檢索的選項

<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>

我不知道如何在加載頁面時從所選選項“共享游覽”運行ajax。 使用如下更改功能，用戶必須更改然后重新選擇共享游覽以獲取ajax響應，我需要此onload。

$(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);
      }
    });
}