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

Question

我几乎在实现我的目标，请参阅以下代码：

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

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

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

我希望生成文本框而不是下拉列表的某些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;
   };
});