試圖從JSON獲取相關的名稱值的ID

Question

$(function() { 
var availableData = [{ 
    "Name": "bob barker", 
    "image": "./images/bbarker.png" 
    "id":"bob" 
}, { 
    "Name": "Jill bill", 
    "image": "./images/jBill.png" 
    "id":"jill" 
}, { 
    "Name": "John Doe", 
    "image": "./images/jdoe.png" 
    "id":"john" 
}] 

$('#personsearch').autocomplete({ 
    source: function (request, response) { 
     var re = $.ui.autocomplete.escapeRegex(request.term); 
     var matcher = new RegExp("^" + re, "i"); 
     response($.grep(($.map(availableData, function (v, i) { 

      return { 
       label: v.Name, 
       value: v.Name 
      }; 
     })), function (item) { 
      return matcher.test(item.value); 
     })) 

    } 
}); 
}); 

---

<input type="text" id="personsearch" value="?????" /> 
    <input type ="submit"/> 

我試圖讓ID輸入字段提交目的是指關聯ID來與名稱和id的值是填寫價值=「?????」如何做到這一點請幫助

Answer 1

您可以使用選擇自動完成事件來填充名稱屬性後選擇一個值。

$('#personsearch').autocomplete({ 
    source: function (request, response) { 
     var re = $.ui.autocomplete.escapeRegex(request.term); 
     var matcher = new RegExp("^" + re, "i"); 
     response($.grep(($.map(availableData, function (v, i) { 

      return { 

       label: v.id, 
       value: v.Name 

      }; 
      $("#personsearch").attr("name", value) 
     })), function (item) { 

      return matcher.test(item.value); 
     })) 

    }, 
    select: function (event, ui) { 
     $('#personsearch').attr("name", $(this).val()); 
    } 
}); 

Demo