【JavaScript】JS写法随笔(三) JS联动设置元素默认值
2021/10/21 11:09:31
本文主要是介绍【JavaScript】JS写法随笔(三) JS联动设置元素默认值,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
问题:
使用DOM获取元素后setAttribute("value", "1")在页面有修改此标签value的情况下,再次触发function发生不生效、无法修改value的情况。使用jQuery的$(selector).val()可以避免此类问题。
function interest_model_change() { var model = $("#interestModel").val(); var installments = document.getElementById("installments"); var daysDiv = document.getElementById("daysDiv"); if (model == "daily") { //select联动onchange后修改installments默认值,此时使用jquery$(selector).val()方法更加安全 $("#installments").val("1"); $("#installments").attr("readonly", "true"); daysDiv.removeAttribute("hidden"); } else { $("#installments").val("12"); installments.removeAttribute("readonly"); daysDiv.setAttribute("hidden", ""); } }
这篇关于【JavaScript】JS写法随笔(三) JS联动设置元素默认值的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-30我的第一个Go命令行工具
- 2024-09-30初学者指南:轻松掌握模块化编程
- 2024-09-30顶级5款免费的IntelliJ插件,助你Java开发之路更顺畅
- 2024-09-30提高应用程序可用性:冗余和持久性
- 2024-09-30Twitter 系统设计面试示例
- 2024-09-30JSON对象入门教程:轻松掌握基础用法
- 2024-09-30封装入门:Java面向对象编程的第一步
- 2024-09-30后台交互入门:轻松掌握基础知识与实践技巧
- 2024-09-30轻松入门:后台交互教程详解
- 2024-09-30后台交互项目实战:新手指南