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

Question

我几乎完成了我打算做的事情，请参阅以下代码：

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

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

这样做的原因是它的下拉选项太多了，所以我希望把它变成一个文本框，然后希望在它工作后添加一些自动完成功能。

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

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

问候，

马丁

Answer 1

我会做以下事情： 1st - 为每个标签标题和文本框标签标题添加一个唯一的 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;
   };
});