如何用js实现给某个文本框赋值?

JavaScript024

如何用js实现给某个文本框赋值?,第1张

用js实现给某个文本框赋值,可以先在js中获得文本框的元素,如

document.getElementsByName("result")[0]

然后把它的value属性赋值,如

document.getElementsByName("result")[0].value = 10

这是测试页面

其中

<input type="text" name="result" disabled="disabled">

这句中的disabled="disabled"就起到令文本框不可编辑变灰的效果。

这3行js代码的意思是,载入界面后,找到名称为result的元素,并给它赋值为10

window.onload = function(){

document.getElementsByName("result")[0].value = 10

}

文本框的内容赋值以$("#text").val("文本框内容")的形式来做。

关于赋予属性则是

$("#text").attr("属性名","属性值")的形式来做。

$("#text")代指通过单行文本框input或多行文本textarea的ID来获取该文本框

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('#txt').val('测试内容')。

3、浏览器运行index.html页面,此时会发现html中的text被成功用js赋值了“测试内容”的文本。