养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js设置input的value值

时间:2024-10-04 23:24:31

这里用我们最简单的方式给大家展示js获取input的value值

工具/原料

win10,谷歌浏览器

正常使用的电脑

方法/步骤

1、首先打开我们的浏览器,打开一个页面,我这里打开的是我百度经验编辑页面

js设置input的value值

2、然后按F12进入页面检查的界面,如下图,选中其中的一个div,我们将利用这个div直接在里面添加一个input,如下图,编辑这个div

js设置input的value值

3、我这氇筐塘瓠里选择的是如图所示的div,进入可编辑的文本框后我们找到一个位置,输入<inputtype="text"id=&quo墉掠载牿t;name"value="">

js设置input的value值

方法/步骤2

1、通过上边的操作之后,我们看到了一个空白的input,髀佟彷澧因为上面我们输入的input给的value="",即是值为空,这样方便我们下面操作设置值

js设置input的value值

2、此时input已经存在,那么我们到consle控制台,通过input的id猾诮沓靥(刚才我们的id命名为name),这里我们通过$("#name")得到dom对象,收墩芬蓥然后通过val("123456")将值设置进去,效果如下图

js设置input的value值

3、不进可以设置值,我们取值也是可以通过dom对象获得,调用.val()不给里面设置值就是获取值,然后我们通过consle.log打印,如下图所示

js设置input的value值

© 一点知识