jquery每行的自動完成數據

你好在我的jQuery中，我想填充當前行的表單字段中的數據。我將與同一類的多個領域，我這個代碼的工作，但我現在面臨的問題是，所有行的這段代碼的變化，但我想只改變我的當前行數據 這裏是我的小提琴 https://jsfiddle.net/1bfbtoxw/jquery每行的自動完成數據

這裏是我的jQuery

$(".enginenum").autocomplete({ 
    source: "includes/modvehicleSale/search-engine.php", 
    minLength: 1, 
    select: function (event, ui) { 
     var item = ui.item; 
      if(item) { 
       $('.txtchassis').val(item.ChassisNo); 
       $('.txtdescription').val(item.BikeDescription); 
       $('txtselling').val(item.SellingAmount); 
      } 
     } 
})

來源

2017-02-17 DUbaicos

這就是爲什麼我們使用'class'es;做一個單一的節目使用'id's – Viney

嘗試與ids太，但沒有工作，你可以請轉發解決方案？ – DUbaicos

無法使用ID – DUbaicos

A sample fiddle first

假設你有.row父每個row您可以參閱當前行與$(this).closest('.row')並且可以使用.find獲得相關元素那一排。所以，你的改變將是如下：

$(".enginenum").autocomplete({ 
    source: "includes/modvehicleSale/search-engine.php", 
    minLength: 1, 
    select: function (event, ui) { 
     var item = ui.item; 
      if(item) { 
       $(this).closest('.row').find('.txtchassis').val(item.ChassisNo); 
       $(this).closest('.row').find('.txtdescription').val(item.BikeDescription); 
       $(this).closest('.row').find('.txtselling').val(item.SellingAmount); 
      } 
     } 
});

請記，這id■找是唯一遵循的標準。

來源

2017-02-17 10:29:41

謝謝你看起來很完美 – DUbaicos

任何時候..快樂編碼.. :) –

你的jsfiddle未正確設置。

我加入了類到其他輸入和js代碼更改爲以下：

const ac_settings = { 
     source: "includes/modvehicleSale/search-engine.php", 
     minLength: 1, 
     select: function (event, ui) { 
      var item = ui.item; 
       if(item) { 
        $('.txtchassis').val(item.ChassisNo); 
             $('.txtdescription').val(item.BikeDescription); 
        $('txtselling').val(item.SellingAmount); 
       } 
      } 
    } 

$.each($(".enginenum"), function() { 
    $(this).autocomplete(ac_settings) 
}) 
//$(".enginenum").autocomplete()

https://jsfiddle.net/1bfbtoxw/2/

來源

2017-02-17 10:24:50

我試過但沒有工作:( – DUbaicos

你有沒有改變來源「includes/modvehicleSale/search-engine.php」以包括你自己的域名？ –

儘量選擇最接近的行，這樣

var row = $(event.target).closest(".row");

然後使用這個作爲容器在您的選擇器中排成行

$('.txtchassis', row)

代碼將是：

$(".enginenum").autocomplete({ 
     source: "includes/modvehicleSale/search-engine.php", 
     minLength: 1, 
     select: function (event, ui) { 
      var row = $(event.target).closest(".row"); 
      var item = ui.item; 
       if(item) { 
        $('.txtchassis', row).val(item.ChassisNo); 
        $('.txtdescription', row).val(item.BikeDescription); 
        $('txtselling', row).val(item.SellingAmount); 
       } 
      } 
    })

來源

2017-02-17 10:29:24 pumpkinzzz

jquery每行的自動完成數據

回答

相關問題