easy ui 给表单元素赋值input,combobox,numberbox
①给input控件 class="easyui-textbox"
<input class="easyui-textbox" data-options="required:true" type="text" id="RelCompanyName" name="RelCompanyName" style="width: 300px;" />
$("#RelCompanyName").attr('resize','140px');//设置宽度
$("#RelCompanyName").attr('readonly',false);//设置可读
$("#RelCompanyName").attr('readonly',true);//设置只读
var val = $("#RelCompanyName").textbox('getValue')//取值
$("#RelCompanyName").textbox('setValue','小丑公司')//赋值
②给select 控件 下拉框赋值
<select data-options="required:true" id="ShopType" name="ShopType" style="width: 200px;">
$('#ShopType').combobox('setValue', 2);//赋值
var v = $('#ShopType').combobox('getValue');//取值 id
var text_v = $('#ShopType').combobox('getText');//取值text
③给input控件 class="easyui-numberbox"
<input class="easyui-numberbox" maxlength="20" id="Age" name="Age" />
$('#Age').numberbox('setValue', 206.12);//赋值
var v = $('#Age').numberbox('getValue');//取值
④给input控件 class="easyui-datebox"
<input type="text" name="date" id="date" class="easyui-datebox" data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />
$("#date").datebox('setValue', '2014-9-12');//赋值
$('#date').datebox('getValue');//取值
⑤给input控件 class="easyui-numberspinner"
<input id="ss" class="easyui-numberspinner" style="width:80px;" required="required" data-options="min:10,max:100,editable:false">
$('#ss').numberspinner('setValue', 8234725);//赋值
var v = $('#ss').numberspinner('getValue');//取值
⑥单选按钮Radio <td height="30" colspan="5">
<input type="radio" name="APPLYDEPTTYPE" value="事业法人" checked="checked" />事业法人
<input type="radio" name="APPLYDEPTTYPE" value="企业法人" />企业法人
<input type="radio" name="APPLYDEPTTYPE" value="社团法人" />社团法人
<input type="radio" name="APPLYDEPTTYPE" value="其他" />其他
</td>
//赋值
var str = result.APPLYDEPTTYPE;
$("[value='" + str + "']").attr("checked", true);
//取值
$('input[name="APPLYDEPTTYPE"]:checked').val()
⑦多选框checkbox
<td height="60" colspan="5"> 
<input type="checkbox" name="BUSINESSSCOPE" value="水" />水   
<input type="checkbox" name="BUSINESSSCOPE" value="空气" />空气   
<input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br> 
<input type="checkbox" name="BUSINESSSCOPE" value="噪声" />噪声  
<input type="checkbox" name="BUSINESSSCOPE" value="生物" />生物
</td>
赋值:
var str3 = result.BUSINESSSCOPE;
if (str3 != null) {
var strs = new Array();
strs = str3.split(",");
for (i = 0; i < strs.length; i++)
{ $("[value='" + strs[i] + "']").attr("checked", true) };
}
取值:
var isc = "";
$("input[name='BUSINESSSCOPE']:checked").each(function () { //遍历table里的全部checkbox
isc += $(this).val() + ","; //获取被选中的值
});
if (isc.length > 0) //如果获取到
isc = isc.substring(0, isc.length - 1); //把最后一个逗号去掉
string isc就是值
easy ui 给表单元素赋值input,combobox,numberbox的更多相关文章
- HTML 表单元素之 input 元素
介绍HTML 5: 表单元素之 input 元素 表单元素之 input 元素 - text, password, url, telephone, email, search, file, radio ...
- Easy UI form表单提交 IE浏览器不执行success ,以及 datagrid 展示过慢
最近在做一个Easy ui的项目 发现了一些问题,在这里总结下 1.表单提交,后端代码 public ActionResult Save(Request model) { ResultInfo _in ...
- HTML 表单元素、 输入类型、Input 属性
<input> 元素 最重要的表单元素是 <input> 元素. <input> 元素根据不同的 type 属性,可以变化为多种形态. 注释:下一章讲解所有 HTM ...
- mui弹出输入法遮住input表单元素
转自https://www.cnblogs.com/devilyouwei/p/6293190.html mui弹出输入法遮住input表单元素 问题如下:当我用mui开发app时,在mui-sc ...
- JS基础-表单元素-新表单元素-js概述
1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏 ...
- 第二章 Vue快速入门--13 讲解v-model实现表单元素的数据双向绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...
- jQuery 表单元素取值与赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" clas ...
- input type=file文件选择表单元素二三事
一.原生input上传与表单form元素 如果想使用浏览器原生特性实现文件上传(如图片)效果,父级的form元素有个东西不能丢,就是: enctype="multipart/form-dat ...
- `<jsp:getProperty>`动作和`<jsp:setProperty>`动作的使用在一个静态页面填写图书的基本信息,页面信息提交给其他页面,并且在其页面显示。要去将表单元素的值赋值给Java
<jsp:getProperty>动作和<jsp:setProperty>动作的使用 1.<jsp:getProperty>动作 语法格式: <jsp:get ...
随机推荐
- Adobe Edge Animate –可重复使用的个性化按钮制作
Adobe Edge Animate –可重复使用的个性化按钮制作 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 效果图: 工程文件中:
- 关于Override在JDK1.5和JDK1.6上子类实现接口中方法使用@Override注解编译错误.
遇到这个问题说来也怪.新开了一个path的工作空间用来打patch.该Eclipse的默认全局的编译版本是1.6.但是唯独其中的一个插件项目的版本是1.5(可能是唯一的一个,不确定,不知道为什么会是这 ...
- Linux 文件/文件夹操作命令
1 cd命令 命令格式:cd [目录名] (cd和目录之间使用空格隔开) cd 进入用户主目录: cd ~ 进入用户主目录: cd - 返回进入此目录之前所在的目录: cd ...
- c#语法笔记
书写代码需要注意的地方: 1.代码中出现的所有标点都是英文半角 shift键快速切换中文半角和英文半角 shift+空格 切换全角/半角 2.在c#代码中,每行代码的结束,我们都以分号结束,注意:这个 ...
- DataTables手动带参数提交至服务器
一:参数传递及接收 JavaScript: 黄背景部分为参数传递关键 <script type="text/javascript"> var table; var de ...
- HTML5与CSS3基础教程第八版学习笔记16-21章
第十六章,表单 HTML5引入了新的表单元素.输入类型和属性,以及内置的对必填字段.电子邮件地址.URL以及定制模式验证. 元素: <input type="email"&g ...
- java演示适配器(adapter)模式
为什么要使用模式: 模式是一种做事的一种方法,也即实现某个目标的途径,或者技术. adapter模式的宗旨就是,保留现有类所提供的服务,向客户提供接口,以满足客户的需求. 类适配器:客户端定义了接口并 ...
- Android之自定义画图文字动画
结构: BaseView: package com.caiduping.canvas; import android.content.Context; import android.graphics. ...
- 【ROW_NUMBER 函数(Transact-SQL)】
[ROW_NUMBER 函数(Transact-SQL)]返回结果集分区内行的序列号,每个分区的第一行从 1 开始. 注释: ROW_NUMBER() OVER (PARTITION BY COL1 ...
- crackme_zapline分析
[破文标题]crackme_zapline 分析 [破文作者]CloAk [作者邮箱]@qq.com [作者主页] [破解工具]OD,... [破解平台]Windows --------------- ...