如何使用bootstrap动态生成输入框

最近项目中遇到个问题,根据“添加一行”的按钮在界面上动态增加一个输入框,最多增加5个。之前在外面实习的时候见过产品有这个功能,前端用的是bootstrap框架,特地来这请教各位大神。

阅读 4.5k
1 个回答

这个不需要一定是bootstrap框架才能做吧,思路可以是这样,在添加一行的下面创建5个输入框,都 display: none ,然后点击添加一行按钮的时候,把不显示的输入框的第一个 display: block 他不就出来了吗,如果判断输入框满了5个,提示不可一再添加了。
或者就是动态添加dom,点击的时候,在输入框容器中创建一个 input 标签,然后添加进去,定义一个计数器变量,每次点按钮判断这个变量和5比较,小于的话就添加,然后计数器+1,大于等于的话提示满5个了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题