如何利用jquery下拉框change事件控制输入框值

 时间:2024-10-16 07:26:39

1、第一步,打开HBuilder编辑工具,新建静态页面并引入jquery核心js文件,如下图所示:

如何利用jquery下拉框change事件控制输入框值

2、第二步,在<body></body>插入一个下拉框和两个输入框,设醅呓择锗置它们的id属性值,如下图所示:

如何利用jquery下拉框change事件控制输入框值

3、第三步,在jquery初始化函数内编写select下拉框change事件,并根据选择的值判炝里谧艮断输入框是否可以编辑和回填值,如下图所示:

如何利用jquery下拉框change事件控制输入框值

4、第四步,保存页面代码,预览该静态页面,并操作下拉框,查看效果,如下图所示:

如何利用jquery下拉框change事件控制输入框值

5、第五步,当将下拉框切换到无值时,原来的值没有被清空,存在缓存值,如下图所示:

如何利用jquery下拉框change事件控制输入框值

6、第六步,修改当下拉框值为空的情况,清除输入框原来的值,保证无缓存的值,如下图所示:

如何利用jquery下拉框change事件控制输入框值
  • 中科御唐方怎么服用效果比较好?
  • Django后台怎么部署
  • LK-5型光谱仪使用说明书
  • 腹痛怎么办 在运动中突发腹痛如何应对
  • DPS排版软件如何运用好形状功能?
  • 热门搜索
    获奖情况怎么写 宝贝不大怎么让你舒服 菜花炒肉怎么做 雪蛤怎么吃 工伤怎么赔偿 婆娑怎么读 children怎么读 强迫症怎么治疗 我不受欢迎怎么想都是你们的错 比瑞吉狗粮怎么样