js引用HTML代码改变input值

JS操作HTML输入框及更改值的方法

最新推荐文章于 2024-03-19 22:36:42 发布

zivzang

最新推荐文章于 2024-03-19 22:36:42 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 函数积累

本文链接：https://blog.csdn.net/GUO_LOVER/article/details/52221288

JS 函数积累专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript引用HTML代码创建输入框，并重点讲解了两种更改input值的方法。首先展示了一段代码，用于生成一个onkeyup和onafterpaste事件处理的number类型输入框，确保输入的值只包含数字。然后提到了使用jQuery和原生JS的两种方式来改变input元素的值，分别是通过选择器找到元素并设置val()方法，以及通过getElementById获取元素并修改value属性。

js引用HTML代码

if (data != '' && data != null) {

//document.writeln("<input onkeyup=\"this.value=this.value.replace(/\/\/D/g,\'\')\" onafterpaste=\"this.value=this.value.replace(/\/\/D/g,\'\')\" type=\"number\" name=\"PeopleNumber\" id=\"PeopleNumber\" value=\"\" class=\"text ui-widget-content ui-corner-all\" >");

return "<input onkeyup='this.value=this.value.replace(/\D/g,0)' onafterpaste='this.value=this.value.replace(/\D/g, 0)' type='number' ID='Delivery_today' value='" + data + "' class='edit-calculate1'>" ;

}

//var kk=document.writeln("<input onkeyup=\"this.value=this.value.replace(/\/\/D/g,\'\')\" onafterpaste=\"this.value=this.value.replace(/\/\/D/g,\'\')\" type=\"number\" id=\"Delivery_today\" value=\"0\" class=\"edit-calculate1\" >");

// return '<input type="number" ID="Delivery_today" value="0" class="edit-calculate1">';

//return "<input onkeyup='this.value=this.value.replace(/\D/g,'')' onafterpaste='this.value=this.value.replace(/\D/g,'')' type='number' ID='Delivery_today' value='0' class='edit-calculate1'>";

return "<input onkeyup='this.value=this.value.replace(/\D/g,0)' onafterpaste='this.value=this.value.replace(/\D/g, 0)' type='number' ID='Delivery_today' value='0' class='edit-calculate1'>";

js改变input值 2种方法

$(input).parent().parent().find("td:eq(3)").children("input:eq(0)").val(0);

document.getElementById("classid").value = 2;