使用文本框或其他元素向用户显示数据

时间:2012-10-17 05:10:19

标签: jquery html jqxgrid

我正在使用文本框来显示从数据库中提取的数据,但有时数据是长文本。因此,对于用户来说,它看起来并不好看。文本框还有其他选项吗?需要的建议或解决方案。

我正在使用的代码

HTML ----

&nbsp;&nbsp;<div><div style="width:12%;float:left; margin-left:2%;" >Material</div> <div style="margin-left:15%;" id="serialno1" >Please Select </div></div><br />

脚本----

$("#serialno1").html("<div style='margin: 10px; background-color:#CDD9E1;'>" + event.args.element.id + "</div>");

现在我不是从db获取数据,是否可以获取数据并显示为我现在正在使用的数据..

3 个答案:

答案 0 :(得分:0)

您可以使用<div>并应用一些样式以允许滚动 - 这是一种显示只读数据的简单方法,您可以根据需要使用CSS添加或删除滚动功能或使用Javascript进行操作如果需要的话。

答案 1 :(得分:0)

尝试使用文本区域而不是文本框来显示更长的文本。

<textarea rows="4" cols="50">
Your text here
</textarea> 

您可以使用元素的rows和cols属性自定义文本区域的大小。

祝你好运!

答案 2 :(得分:0)

您可以使用<textarea>

此处提供更多信息

http://www.w3schools.com/tags/tag_textarea.asp

使用<textarea>你也可以使用这个时尚的插件

http://www.jacklmoore.com/autosize

或者如果您只有只读数据,即不需要编辑功能,请使用<div>申请一些CSS并准备好

您可以像这样设置texthtml属性

$('#YourDivId').text('Your Text here');

$('#YourDivId').html('Your Text here');