根据第一个下拉列表的选定值动态创建文本框而不是下拉列表

Question

我即将实现我计划要做的事情，请参阅以下代码：

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

我唯一希望更改的是，我希望生成一个文本框，而不是根据第一个下拉列表的选定值创建 tags 下拉列表反而。

这样做的原因是，它的选项太多，无法成为下拉菜单，因此我希望将其设为文本框，然后希望在其工作后为其添加一些自动完成功能。

我想为其生成文本框而不是下拉列表的一些标签示例是所有escherproperties - 例如escherpropertyname、escherpropertynumber等。

非常感谢任何帮助和建议。

问候，

马丁

Answer 1

我会做以下事情：
第 1 - 为每个标签标题和文本框标签标题添加唯一的 ID 标签...这样您就可以轻松引用您想要的确切标签。

第二 - 像这样使用 .change() jquery 函数

$("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;
   };
});