Динамическое создание текстового поля вместо раскрывающегося списка на основе выбранного значения первого раскрывающегося списка

Question

Я почти достиг цели, которую я намеревался сделать, см. Следующий код:

http://jsfiddle.net/6xPye/2/

Единственное, что я хочу изменить, это вместо этогосоздания раскрывающегося списка tags на основе выбранного значения первого раскрывающегося списка. Вместо этого я хочу сгенерировать текстовое поле.

Причина этого в том, что у него слишком много вариантов, чтобы его можно было раскрыть, поэтомуЯ надеюсь сделать его текстовым полем, а затем, надеюсь, добавить к нему некоторые функции автозаполнения, когда он заработает.

Пример некоторого tags, для которого я хотел бы создать текстовое поле, а нев раскрывающемся списке будут перечислены все свойства escher - например, escherpropertyname, escherpropertynumber и т. д.

Любая помощь и предложения приветствуются.

С уважением,

Martin

Answer 1

Я бы сделал следующее: 1-й - добавьте уникальный идентификатор тега к каждому заголовку тега и заголовку тега текстового поля ... таким образом, вы можете легко ссылаться на нужный вам тег или теги.JQuery функция .change () выглядит так:

$("select#dropbox1").change(function(){
  switch($(this).val()){
     case 'escherpropertyname': case 'escherpropertynumber': 
           $("select#dropbox2, $select#dropbox3, $select#dropbox4").css({display:'none'});
           $("input#textbox1, input#textbox2").css({display:'block'});
     break;
   };
});