在HTML中改变input标签中的内容

在HTML中改变input标签的内容

1.使用js自带的方法：

document.getElementById('roadName').value='武汉路';//通过标签选择器来选择标签，然后设置值

2.使用jQuery，需要引入jQuery，有两种方法

$('#roadName').attr('value','武汉路');//方法1
$('#roadName').val('武汉路');//方法2
//两种方法选择任意一种就可以了

完整的HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<input id="roadName" type="text" />

<script>
     document.getElementById('roadName').value='武汉路'; 
    // $('#roadName').attr('value','武汉路');
    // $('#roadName').val('武汉路');
</script>
</body>
</html>
posted @ 2020-08-27 19:36  碧水云天4  阅读(842)  评论(0)    收藏  举报