Попытка объединить раскрывающееся меню SelectBox с автозаполнением JQuery ⇐ Jquery

[Anonymous]

У меня есть хорошая двухслойная функция SelectBox.
Она позволяет вам выбрать, например, «золото», а затем «платье».
Тогда при нажатии вы попадете прямо на http://website.com /gold/dress
Очень красиво.

Код: Выделить всё

Please select
Blue
Gold



Please select
T-Shirt
Dress


GO


function siteRedirect() {
var selectbox = document.getElementById("select-id");
var selectedValue = selectbox.options[selectbox.selectedIndex].value;
window.location.href = selectedValue;
}

Чего я пытаюсь достичь (пока безуспешно), так это того, чтобы вторая часть выделения (select-id2) была автозаполнением JQuery.
Я использовал стандартный код ниже:

Код: Выделить всё

 
$( function() {
var availableTags = [
"T-Shirt",
"Dress",
"Skirt",
];
$( "#tags" ).autocomplete({
source: availableTags
});
} );


Tags: 

Я потратил не знаю сколько часов, пытаясь заставить это работать, поэтому любая помощь или советы, которые направят меня в правильном направлении, будут очень признательны.
Я фактически пытаюсь преобразовать входной идентификатор = "tags" так, чтобы выбранный идентификатор из автозаполнения был равен значению параметра из ("select-id2") в моем первом коде.

Подробнее здесь: https://stackoverflow.com/questions/782 ... tocomplete