การเติมข้อความอัตโนมัติ jQuery UI ไปที่ url เมื่อเลือก

ฉันแค่สงสัยว่าฉันจะไปที่ URL เมื่อคลิกจากผลลัพธ์ที่ส่งคืนได้อย่างไร jQuery ของฉันเป็นดังนี้:

$('#input').autocomplete({
    source: function(request, response) {
        $.ajax({
            url: 'script.php',
            cache: false,
            dataType: 'json',
            data: {
                term: request.term
            },
            success: function(data) {
                response(data);
            }
        });
    }
});

และ script.php ของฉันกำลังกลับมา:

[
    {
        "label":"Text to display",
        "url":"Url to go to"
    }
]

ฉันพบว่าคำแนะนำในการเติมข้อความอัตโนมัติค่อนข้างขาดไป แต่ความเข้าใจของฉันคือฉันต้องทำอะไรบางอย่างด้วย 'เลือก' หรือไม่


person generalcb    schedule 06.08.2014    source แหล่งที่มา
comment
คำตอบด้านล่างนี้ช่วยแก้ปัญหาของคุณหรือไม่?   -  person miron    schedule 08.08.2014
comment


คำตอบ (2)


ฉันไม่รู้ว่าทำไมคุณส่งโทรกลับไปยังแหล่งที่มา มันใช้งานได้โดยไม่ต้องใช้:

$('#input').autocomplete({
  source: 'script.php',
  select: function(event, ui){
    console.log(ui.item.url)
    // redirect to url
     // window.location = ui.item.url
  }

});

นี่คือเสียงระเบิด

person miron    schedule 06.08.2014

คุณสามารถใช้เหตุการณ์ที่เลือกจากนั้นใช้ window.location.href แบบธรรมดาเพื่อนำผู้ใช้ไปยังลิงก์ที่พวกเขาคลิก

บางสิ่งบางอย่างตามแนวนี้

$( "#input" ).on( "autocompleteselect", function( event, ui ) {
    var label = ui.item.value;

    window.location.href = link;
});

นี่เป็นเพียงตัวอย่างดิบที่ยังไม่ทดลอง

person David Jones    schedule 06.08.2014