通过 JS 注入获取和设置input域的值_input 如何注入scirpt 语法-优快云博客

摘要：

　　　本文主要给出了 以 js 注入的方式 设置和获取表单中input域的值，多用于自动化测试、浏览器插件开发 等。

以 JS 注入的方式获取和设置input域的值：

<!doctype html>  
<html lang="en">  
 <head>  
  <meta charset="UTF-8">  
  <title>Document</title>  
  <script type="text/javascript" src="jquery.js"></script>  
 </head>  
 <body>  
  获取和设置input的值：<input type='text' id='provSelect1' name='provSelect1' />  
<script>  
    // 方式一： 直接通过 JS 获取/设置input域的值
    window.onload = function(){  
        var psel = document.getElementById("provSelect1");  
        alert("获取到的value：" + psel.value+" ,"+$("#provSelect1").val()); //获取  
        psel.value = "123"; //设置  
        alert("设置后的value：" + psel.value); //设置后的  
    };  

    // 方式二： 通过 JQuery 获取/设置input域的值
    $(document).ready(function(){  
        var val = $("#provSelect1").val(); //获取  
        alert("获取到的value：" + val);   
        $("#provSelect1").val("123"); //设置  
        alert("设置后的value：" + $("#provSelect1").val());  
    });  
</script>  
 </body>  
</html></span>