`
yanguz123
  • 浏览: 568577 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js textarea 取值,赋值

    博客分类:
  • Web
 
阅读更多

$("#textarea").text();读取,最近测试时候发现在firefox中读取不出textArea的值,IE正常
于是修改为:

$("#textarea").val();
   问题解决,不过搜索时,发现有人提另一个问题:
   当在一个textarea标签中键入一个回车时,实际上会插入2个符号:\n\r \n 回车符 \r 换行符
 如果用text()获取textarea中的值,那么存入数据库的数据就只会有\r 如果用var()获取textarea中的值,
那么存入数据库的数据就只会有\n 这样的区别就是,在IE下,
你如果是读取用text()存入的数据在展示在textarea中,那么数据的换行是正常的。
而读取用var()存入的数据在展示在textarea中,那么数据的就不会换行。
没有具体测试过看来用val()也不妥当。但是这也是必求之策。
   再说赋值:
   看代码:
$("<div id='x1'><textarea id='t1'></textarea>" +
 "<textarea id='t2'></textarea></div>").appendTo("body");
$("#t1").text("AAA");$("#t2").val("BBB");
alert("t1=" + $("#t1").text() + "/" + $("#t1").val());
alert("t2=" + $("#t2").text() + "/" + $("#t2").val());
alert($("#x1").html());

      在IE下,不管用val()或text()设定,后续的读取都正常;但在Firefox下,使用val()指定的值,画面上会出现,但是用text()或是透过html()检视时却是字串。因此在Firefox中,如果你希望设定给textarea值出现在html()中或可以被clone(),请用text(...)设定。

     且慢!! 事情如果这麽单纯,那麽连小学生也会跨浏览器了。使用text()设定时得注意换行问题,若你在IE中下text("A\nA"),在显示时只会呈现空一格而不会换行。依我测试的结果,在IE下text("A\r\A")得到显示结果比较接近预期,但是text("A\rA")在Firefox中显示时会换列,用text()取出时却是连在一起的... 这... 这... 这...

     最后,只能采取懦夫策略,在呼叫.clone()前做了这件事迴避问题:

   $theDiv.find("textarea").each(function() { $(this).text($(this).val()); }); 

     很丑,但看来是有效的! 如果有人有其他好点子,再分享一下吧!

   【著名心得】没有噼成一字马的本事,不要跟别人说你会"跨"浏览器!

 

 

 

一个关于JS给textarea赋值的问题!请指教
现在不会给textarea赋值了, 
  document.getElementById( 'Description ').value= "dfgdfgdfghdfghfghfgh "; 
都无法赋值了,将 'Description变成文本框就可以了,大家帮帮我吧!

------解决方案--------------------
<HTML> 
<HEAD> 

</HEAD> 
<BODY> 
<textarea id= "Description "> </textarea> 
<SCRIPT LANGUAGE= "JScript "> 
document.getElementById( 'Description ').value= "dfgdfgdfghdfghfghfgh "; 
</SCRIPT> 
</BODY> 
</HTML> 
------解决方案--------------------
document.getElementById( 'Description ').innerText= "dfgdfgdfghdfghfghfgh "; 
------解决方案--------------------
很怪,应该不会这样的。把代码帖上来吧,看看是不是 </textarea> 没写结束标签等原因造成的 
------解决方案--------------------
document.getElementById( 'Description ').value= "dfgdfgdfghdfghfghfgh "; 
这句没有问题,应该是你其他代码有问题

 

 

 

 

 

Textarea 赋值问题
<li class="" id="li_10">

<label class="description" for="element_10">Short Description </label>
<div><span id="char">120</span> <span class="greytext">Characters Left</span><br><br>

第一个textarea: ----------------------
<textarea id="short_description" name="short_description" class="element textarea small" onkeyup="showChar(this);" onblur="showChar(this);" wrap="virtual" onmouseout="return nd();"></textarea>  


</div><p class="guidelines" id="guide_10"><small>Briefly describe your product.</small></p>  
</li>



<li class="" id="li_11">


<label class="description" for="element_11">Full Product Description </label>

<div><input readonly="readonly" name="limit" size="4" value="2048" style="border: medium none; background: none repeat scroll 0% 0% transparent;"  

type="text"><span class="greytext">Characters Left</span><br><br><br>

第二个textarea:--------------------------
  <textarea id="description" name="description" class="element textarea large" onkeyup="limitText(this.form.description,this.form.limit,2048);" onmouseout="return nd();"></textarea>  



</div><p class="guidelines" id="guide_11"><small>Describe your product in detail.  

When you are posting several products, we will recommend that you should post unique description (content) in Product Description field every time. Dont Copy/Paste  

same description. As it will hurt your promotion.</small></p>  
</li>

在以上的代码里第一个TEXTAREA可以用以下的语句实现赋值,而用同样的语句在第二个TEXTAREA里却不能给Textarea赋值?

WebBrowser1.document.getElementById("description").value="ABCDEFG"

提示没有些属性会方法,

请教要怎么给上面第二个Textarea代码里赋值呢.?

------解决方案--------------------
是不是你这个TEXTAREA还嵌套在哪个FRAME里,你最好给完整的代码,要不还是要猜测 
------解决方案--------------------
WebBrowser1.document.getElementById("short_description").value="abc"
WebBrowser1.document.getElementById("description").value="efg"

 

 

 

textarea 换行的问题,困惑了2年,寻求最佳解决之道
一般web上面普通的jsp页面: 

textarea   换行问题 

一般来讲只要在放textarea的   <td> 中不要出现   nowrap   就可以了。 

但是如果遇到连续的英文字符,比如说对于100个字符‘a’,即使你加了 

<td   warp>  这样的东西都没用。 

出来的效果还是textarea   里面,所有的a   被写在一行里面,没有换行。 

于是页面就被拉得非常丑了。 

不知道诸位遇到这个问题一般是怎么解决的? 
不妨把你的做法说说。

------解决方案--------------------
<style> 
.breakTd{; 
word-break: break-all; 

</style> 

<td class= "breakTd "> </td>

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    layui 富文本赋值,取值,取纯文本值的实例

    这篇文档将向大家介绍如何在layui中使用富文本编辑器进行内容的赋值、取值以及获取纯文本值。 首先,让我们来谈谈layui富文本编辑器的赋值。赋值通常指的是在富文本编辑器中填充初始内容或者是在运行时改变其中的...

    Jquery 表单取值赋值的一些基本操作

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    jQuery 取值、赋值的基本方法整理

    在本文中,我们将深入探讨jQuery中用于取值和赋值的一些基本方法。 首先,我们来看如何获取和设置文本框(TEXTAREA)的值。通过ID选择器`$("#text_id")`,我们可以轻松地获取或设置文本框的值。例如,`var textval ...

    jQuery 取值、赋值的基本方法.docx

    在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...

    Jquery中val()表单取值赋值的实例代码

    本文将深入探讨`val()`方法在表单取值和赋值中的应用,以及一些相关的注意事项。 首先,`val()`方法在单选和多选`&lt;select&gt;`元素中的使用。如描述中所示,我们可以使用`val()`轻松获取或设置这些元素的值。以下是一...

    Jquery给基本控件的取值、赋值示例

    JQuery是一个快速、小巧且功能丰富的JavaScript库。它使得HTML文档遍历和操作、事件处理、动画和Ajax变得非常简单。JQuery的一个重要应用就是与各种HTML表单控件打交道。表单控件是构建网页应用程序时最常使用到的...

    jQuery对表单元素的取值和赋值操作代码

    在JavaScript的世界里,jQuery库提供了一种更为简洁和强大的方式来操作DOM元素,尤其是在处理表单元素的取值和赋值时。对于HTML中的表单元素,如输入框(TEXTAREA, TEXTBOX)、单选按钮(RADIO)、复选框(CHECKBOX...

    解决ueditor jquery javascript 取值问题

    总之,解决ueditor、jquery和javascript的取值问题,关键在于正确地初始化UEditor实例,然后利用提供的API方法`getContent()` 获取富文本内容。结合jQuery,我们可以更方便地在DOM操作和事件处理中集成UEditor的功能...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    赋值和取值可以通过jQuery的`.val()`方法实现: ```javascript $("#Name").val(info.Name); // 赋值 var name = $("#Name").val(); // 取值 ``` 对于验证,我们可以添加数据选项如`required`(必填)和`validType`...

    layui写后台表格思路和赋值用法详解

    综上所述,layui写后台表格的基本思路是利用layui.table模块创建表格,结合layui.form模块处理表单元素的赋值和取值。在实际开发中,可以结合layui的其他组件,如工具栏、搜索框等,实现更丰富的功能,如表格的增删...

    php程序员面试题(含html、JavaScript、php和mysql)

    **问题:**`textarea` 取值赋值,后台取值。 **解析:** - 取值:`document.getElementById("textareaId").value` - 后台取值:通常通过表单提交,然后在服务器端通过相应的表单字段名称获取。 #### jQuery使用 *...

    CuteEditor6.0控件使用实例

    在本实例中,我们将深入探讨如何在客户端和服务端进行取值与赋值,以及如何利用CuteEditor6.0的保存按钮功能。 1. **安装与引用CuteEditor** 在项目中使用CuteEditor6.0,首先需要将其添加到工程中。这通常通过...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    JS及JQuery对Html内容编码,Html转义

    话不多说,请看代码: ...* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码 */ [removed][removed] [removed] //Html编码获取Html转义实体 function htmlEncode(value){ return $('&lt;div&gt;').text(va

    dwr utils.js常用方法整理

    - 对于 `textarea`, `div`, `p`, `span`, `href`, `option`(非 `value` 属性)和 `h1` 等元素,返回的是元素内部的文本内容。 - 当处理 `checkbox` 和 `radio` 类型元素时,如果使用ID作为参数,返回的是元素是否被...

    js的一些常用方法小结

    在取值时,它返回指定元素(如`&lt;input&gt;`或`&lt;textarea&gt;`)的当前值;在赋值时,它可以更新元素的值。例如: ```javascript var result = $("#txtSearch").val(); // 获取值 $("#txtSearch").val(result); // 设置...

    35个Jquery应用实例.pdf

    4. **元素操作:取值与赋值** jQuery提供了一系列函数用于获取和设置元素的值。例如: - `.html()`用于获取或设置HTML内容。 - `.text()`用于获取或设置文本内容。 - `.attr()`用于获取或设置属性值,如`title`...

Global site tag (gtag.js) - Google Analytics