zoukankan      html  css  js  c++  java
  • easyui-textbox 和 easyui-validatebox 设置值和获取值

    表单作如下定义:该input使用easyui的"easyui-textbox"

    1 <input id="addSnumber" style=" 200px; height: 30px;" class="easyui-textbox" type="text" name="snumber" data-options="required:true, missingMessage:'请输入学号'" />

    设置值的方式:

    复制代码
     1 //使用表单选择器:代码似乎是有异常的
     2 //$("input[name='snumber']").textbox('setValue', "22012");
     3 //使用表单选择器:代码没有异常 但不能为input设置值
     4 //$("input[name='snumber']").val("22012"); 
     5 //使用id选择器:不能设置值
     6 //$("#addSnumber").val("22012");
     7 //使用id选择器:可以设置值
     8 $("#addSnumber").textbox('setValue', "22012");
     9 //使用id选择器和setText:可以设置值
    10 $("#addSnumber").textbox('setText', "22012");
    复制代码

    所以:为text-box设置值只能使用id选择器选择表单元素,然后使用textbox("setValue", value); 的方式设置值;

    获取值也是如此:

    1  var snumber = $("#addSnumber").textbox('getValue');

    easyui-validatebox的设置值或获取值的方式又有点不一样

    表单作如下定义:

    1 <input id="addSnumber" style=" 200px; height: 30px;" class="easyui-validatebox" type="text" name="snumber" data-options="required:true, missingMessage:'请输入学号'" />

    获取值的方式:

    复制代码
     1 //这种方式是可以设置值的
     2 //$("#addSnumber").val("22015");
     3 //可以设置值
     4 //$("input[name=snumber]").val("22015");
     5 //不能设置值,且语法不对有异常
     6 //$("input[name=snumber]").textbox("setValue", "22015");
     7 //不能设置值,且语法不对有异常
     8 //$("input[name=snumber]").textbox("setText", "22015");
     9 //不能设置值,且语法不对有异常
    10 //$("#addSnumber").textbox("setvalue", "22015");
    复制代码

    所以:validatebox只能用$().val()方式设置和获取值,选择器既可以用id选择器,也可以用表单选择器

    总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样

      为text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", value) 或 textbox("seText", value) 的方式设置值,使用textbox("getValue") 或textbox("getText") 获取值;

      为validatebox设置值可以使用id选择器和表单选择器,只能使用val()获取值和设置值。

  • 相关阅读:
    java.lang.OutOfMemoryError: Java heap space错误及处理办法
    JQuery 引发两次$(document.ready)事件
    用Jquery动态append方式加入标签时Css样式丢失的解决方法
    操作系统第6次实验报告:使用信号量解决进程互斥访问
    操作系统实验五:文件系统
    操作系统第4次实验报告:文件系统
    操作系统第三次实验报告:管道
    操作系统第2次实验报告:创建进程
    OS第1次实验报告:熟悉使用Linux命令和剖析ps命令
    第四次实验报告:使用Packet tracer理解RIP路由协议
  • 原文地址:https://www.cnblogs.com/wangchaoyuana/p/7523377.html
Copyright © 2011-2022 走看看