刚进公司 要做一个后台维护系统,选择easyui 从未接触过 对于页面给文本框赋值遇到一些问题 写下了来
我之前使用了好几种方式都未能成功给input 文本框赋值
第一尝试传统的JavaScript代码:
document.getElementById("itemvalue").value="值";
第二尝试jquery中的好些方法也未能生效
$("#itemvalue").val('值');//通过val
$("#itemvalue").text('值');//通过text
$("#itemvalue").html('值');//通过html
$("#itemvalue").attr('value','值');//通过属性
//到了这里 还是不行 最后还是上网查资料 得到了一些结果 诶到此为止我心有点凉吧凉吧的了
还是通过网查阅资料得知 原来是这么回事!
<input type="text" name="itemvalue" id="itemvalue" class="easyui-textbox">
当我们使用了easyui-xxxx class这样的样式:我们的设置值方法 就应该变成这样的了
设置值:
$('#itemkey').textbox('setValue','值');
取值就应该变成这样的了
$('#itemkey').textbox('getValue');
通过传统的$("#itemkey").val();也是没问题的
还有其他一些设置 比如说我们的css样式是这样的
<input type="text" name="itemvalue" id="itemvalue" class="easyui-datebox">
那么他设置的方法就应该变为这样的了
$("#xxx").datebox('setValue','2014-15-12'); 当然一看到datebox 就应该明白是一个日期的样式。 取值就不说了
<input type="text" name="itemvalue" id="itemvalue" class="easyui-numberspinner">
像这种一看就知道数值 取值同上 只是 $("#xxx").numberspinner('setValue','值')
如上一般基于文本框 实现效果 设置 取值 使用easyui-xxxxx 去掉前面的easyui- 后面的xxxx作为设置取值的方法()
checkbox 的取值方法: $('#constant_type_type').combobox('getValue')
大概就是这么一种方式