【JavaScript编程知识】原生js实现下拉框选择组件.docxVIP

PAGE PAGE 1 原生js实现下拉框选择组件 　　本文实例为大家分享了js实现下拉框选择组件的具体代码，供大家参考，具体内容如下 　　功能需求： 　　1、点击div后，div显示聚焦状态，同时显示下拉框内容；2、选择儿童人数后，如果儿童人数大于0，在下方出现对应的儿童年龄选择框数量；3、成人人数的选择范围是1-7，儿童人数的选择范围是0-4，儿童年龄的选择范围是1、1-17；4、点击确认按钮后，将选择好的成人人数和儿童人数显示在最上方的div内；5、可以控制选择框是否可点击；6、当显示一个ul列表时，点击另一个ul列表，将上一个ul列表隐藏；7、点击隐藏框内