zoukankan      html  css  js  c++  java
  • 在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>
    
  • 相关阅读:
    danci8
    禁止选择文本
    danci6
    danci5
    java 学习编译
    自动代码模板文件
    java 学习5 .io
    java 学习4 callback 回调 和泛型
    java 学习3。集合
    java 学习3。类 和 继承
  • 原文地址:https://www.cnblogs.com/smalldong/p/13573401.html
Copyright © 2011-2022 走看看