JS 获取和设置input值,控制表单提交地址

最新推荐文章于 2024-06-20 08:52:46 发布

Leon04095

最新推荐文章于 2024-06-20 08:52:46 发布

阅读量5k

点赞数 1

分类专栏： # Java基础 JavaWeb开发基础 # 项目中的踩坑技术点文章标签： js js取值

本文链接：https://blog.csdn.net/lchq1995/article/details/78579354

版权

本文介绍如何使用JavaScript动态获取和设置input字段的值，并详细讲解如何通过JS来控制表单提交到不同的地址，实现表单行为的定制化。

摘要由CSDN通过智能技术生成

以 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 = $("#p