当前位置: 首页 > 工具软件 > EasyUI > 使用案例 >

【EasyUI 】EasyUI 如何给input 赋值

昌博易
2023-12-01

easyui 从未接触过 对于页面给文本框赋值遇到一些问题 写下了来

 

我之前使用了好几种方式都未能成功给input 文本框赋值

第一尝试传统的JavaScript代码:

 

document.getElementById(itemvalue).value=值;

 

第二尝试jquery中的好些方法也未能生效

    $(#itemvalue).val('值');//通过val 

   $(#itemvalue).text('值');//通过text 

   $(#itemvalue).html('值');//通过html 

   $(#itemvalue).attr('value','值');//通过属性 

   //到了这里 还是不行 最后还是上网查资料 得到了一些结果,原来是这么回事!

   <input class="easyui-textbox" id="itemvalue" name="itemvalue" type="text">

 

  当我们使用了easyui-xxxx  class这样的样式:我们的设置值方法 就应该变成这样的了

设置值:

    $('#itemkey').textbox('setValue','值');

    取值就应该变成这样的了

    $('#itemkey').textbox('getValue');

    通过传统的$(#itemkey).val();也是没问题的

 

    还有其他一些设置 比如说我们的css样式是这样的

     <input class="easyui-datebox" id="itemvalue" name="itemvalue" type="text">

    那么他设置的方法就应该变为这样的了

    $(#xxx).datebox('setValue','2014-15-12'); 当然一看到datebox 就应该明白是一个日期的样式。 取值就不说了

    <input class="easyui-numberspinner" id="itemvalue" name="itemvalue" type="text">

    像这种一看就知道数值 取值同上 只是 $(#xxx).numberspinner('setValue','值')

 

    如上一般基于文本框 实现效果 设置 取值 使用easyui-xxxxx 去掉前面的easyui- 后面的xxxx作为设置取值的方法

    checkbox 的取值方法: $('#constant_type_type').combobox('getValue')

 类似资料: