首页 > 其他分享 >jQuery 获得 form 表单值

jQuery 获得 form 表单值

时间:2023-05-06 14:00:46浏览次数:29  
标签:jQuery attr form text value 表单 下拉框 id select


  jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作;假如我们有如下页面:

<input type="text" name="textname" id="text_id" value="">

   ...

下面来看怎么取得FORM中的各种值等等;

function get_form_value(){ 
/*获得TEXT.AREATEXT的值*/ 
   var textval = $("#text_id").attr("value");//或者 
   var textval = $("#text_id").val(); 
/*获取单选按钮的值*/ 
   var valradio = $("input[@type=radio][@checked]").val(); 
/*获取复选框的值*/ 
var checkboxval = $("#checkbox_id").attr("value"); 
/*获取下拉列表中所有的值*/ 
   var selectval = $('#select_id').val();
//获取下拉列表选取中的值,此方法针对所有下拉框都起作用的
//此方法针对所有下拉框都起作用的
   //如果针对某ID进行获取,$(‘#id>option’).each()即可
  $('select>option').each(function(){
    if($(this).attr('selected')==true)
    {
    alert($(this).text());
    }
  })
}


   


另外对表单的其他处理:

 

 

 

 

//控制表单元素: 
//文本框,文本区域: 
$("#text_id").attr("value",'');//清空内容 
$("#text_id").attr("value",'test');//填充内容 
//多选框checkbox: 
$("#chk_id").attr("checked",'');//未选中的值 
$("#chk_id").attr("checked",true);//选中的值 
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中 
//单选组radio: 
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项 
//下拉框select: 
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项 
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option 

$("#select_id").empty();//清空下拉框



 

 

标签:jQuery,attr,form,text,value,表单,下拉框,id,select
From: https://blog.51cto.com/u_16070335/6249627

相关文章

  • struts2+Spring+Hibernate+Jquery (json)
          Struts2文件的上传和下载http://wing929.javaeye.com/blog/216118基于struts+spring+hibernate+jquery的jmesa的分页实现样例http://wing929.javaeye.com/blog/216292http://hi.baidu.com/angel_lishiwen/blog/item/cf266627fcb59327d4074288.html stru......
  • MySQL5.7 访问Information_schema.TABLES 导至内存持续增长
    在生产环境5.7.30的数据库中,部署了MYSQL监控,但是发现部署完监控后,mysqld的内存持续增长。后通过监控发现也正是监控用户占用了大量的内存。目录适用范围问题概述问题原因解决方案参考文档适用范围mysql5.7问题概述在生产环境5.7.30的数据库中,部署了MYSQL监......
  • 在Winform分页控件中集成保存用户列表显示字段及宽度调整设置
    在Winform的分页控件里面,我们提供了很多丰富的功能,如常规分页,中文转义、导出Excel、导出PDF等,基于DevExpress的样式的分页控件,我们在其上面做了不少封装,以便更好的使用,其中就包括集成保存用户列表显示字段及宽度调整设置。本篇随笔介绍这个实现的过程,通过在当前程序中序列化方式存......
  • WPF项目中使用WInform版本的 ChromiumWebBrowser控件嵌套网页 解决中文输入法候选框定
    创建一个用户控件,后台代码:publicpartialclassCefControl:UserControl{ChromiumWebBrowserwebView=null;publicCefControl(){InitializeComponent();if(!CefSharp.Cef.IsInitialized){......
  • kettle从入门到精通 第十七课 kettle Transformation executor
    Transformationexecutor步骤是一个流程控件,和映射控件类似却又不一样。1、子转换需要配合使用从结果获取记录和复制记录到结果两个步骤,而子映射需要配合映射输入规范和映射输出规范使用。如下子转换实现的功能是计算x+y的值 2、从结果获取记录1)步骤名称:自定义2)字段:设置从......
  • jQuery扩展-noconflict
    Extendsindex.html<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="my......
  • FreeCodeCamp-通过编写注册表单学习 HTML 表单
    index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>RegistrationForm</title><linkrel="stylesheet"href="styles.css"/></h......
  • jQuery AJAX之异步访问和加载片段
    HTML文件<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="ajaxindex.js&......
  • jQuery效果-淡入淡出-滑动-回调
    <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scriptsrc="../JQuery/jquery-1.8.0.min.js"></script><scriptsrc="JavaScript1.js">......
  • [MRCTF2020]Transform 1
    查壳:64位,先看看运行有问题吗:任意输入给你弹了一个wrong进IDA看看:解释:输入一个字符串,要满足字符串的长度为33,不然就报错。接下来是在输入的字符串中拿出特定的字符,进行异或后得到一个新的字符串,最后与特定的字符串对比。这样看来,我们先看要对比的字符串:还不短,但是我们只......