如何利用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排版软件如何运用好形状功能?
  • 热门搜索
    数学手抄报模板 关于国庆节的手抄报 爱祖国手抄报简单漂亮 感恩手抄报内容 劳动最光荣手抄报内容 红领巾手抄报 关于清明节的手抄报 清明节手抄报内容简短 寒假手抄报 春天的手抄报图片