如何利用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排版软件如何运用好形状功能?
  • 热门搜索
    张家界旅游报价 青岛旅游一卡通 泰州旅游景点大全 生态旅游论文 北京房山旅游景点大全 桂林旅游注意事项 涉外旅游 浙江舟山旅游攻略 湖南省旅游攻略 泰山旅游路线