如何在js中控制文本框的行数?

maozhongpei 2003-10-20 09:41:40
要求:在一个文本框中输入一定数字,输入完毕后,其后自动显示该数字对应的字符串(英文)

我现在使用两个文本框,当地一个文本框输入完毕后,在js里找到和这个输入相对应的字符串,赋值给第二个文本框。
但是现在老板要求,为了考虑版面,显示字符串的区域要控制宽度,当字符串的长度超过宽度的时候,自动显示成两行,但如果不需要的时候只能是一行。

请问,是否一定要把text改为textarea,如何在js中改变对象的宽度?或者有没有更好的解决方案。

在线等
...全文
218 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
maozhongpei 2003-10-20
  • 打赏
  • 举报
回复
楼上,如果这样我早就做到了,因为用的是uedit,所以拆分单元格非常麻烦,要加很多colspan
不过仍然非常感谢
longshenwang 2003-10-20
  • 打赏
  • 举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

</HEAD>

<BODY>
<script language="JavaScript">
<!--
var library=new Array()
library[0]=["nolonely","I am writing JS"]
library[1]=["csdn","CSDN Focum"]
library[2]=["MSDN","Good Library"]
function search(str){
for(var i=0;i<library.length;i++)
if(library[i][0]==str)return library[i][1]
return ""
}
//-->
</script>
<table>
<tr>
<td align="center"><input type="text" onblur="a.value=search(this.value)"></td>
<td align="center"><textarea name="a" style="width:50;overflow-y:visible" rows=1></textarea></td></tr>
</table>

</BODY>
</HTML>
maozhongpei 2003-10-20
  • 打赏
  • 举报
回复
非常感谢!!!!

如果这两个元素是在同一个<td>范围内
如何能让第二个元素改变大小时,第一个元素仍能在水平上居中,而不是和第二个元素保持底线水平然后两个再居中?
nolonely 2003-10-20
  • 打赏
  • 举报
回复
<script language="JavaScript">
<!--
var library=new Array()
library[0]=["nolonely","I am writing JS"]
library[1]=["csdn","CSDN Focum"]
library[2]=["MSDN","Good Library"]
function search(str){
for(var i=0;i<library.length;i++)
if(library[i][0]==str)return library[i][1]
return ""
}
//-->
</script>
<input type="text" onblur="a.value=search(value)">
<textarea name="a" style="width:50;overflow-y:visible" rows=1></textarea>
PowerBI系列之基础和可视化技能专题基础概念PowerBI是什么PowerBI优秀作品展示PowerBI组件简介 PowerBI Desktop的下载安装PowerBI Desktop界面介绍和5分钟入门 PowerBI账号区别PowerBI对象和结构PowerBI和Tableau等其他主流BI产品的介绍 PowerBI官方文档基本操作文件和报表设置选项介绍页面属性设置-大小、背景、壁纸、对齐、筛选器窗格格式页面视图-适应页面、宽度、实际大小视觉对象格式属性面板快速调整页面布局和样式 (文本笔记)视觉对象分组、显示或隐藏 使用数据对象表和数据点表   向报表添加文本框和形状可视化技能使用编辑交互功能来控制图表联动多层联动控制使用Control Click切片器的使用同步切片器折叠切片器给切片器设定默认值给切片器设定动态默认值(DAX函数-默认当前月或天)使切片器默认代表无任何选择切片器仅显示有对应数据的选项使切片器反向筛选和计算切片器之间取数据并集关系多端的切片器筛选一端的切片器参数的创建和参数切片器的使用筛选器书签和选择窗格下拉式多级菜单页面导航菜单报表主页设计和重置切片器普通和自定义以及视觉对象标头工具提示按列排序和自定义排序分组装箱普通钻取和层次钻取及跨页钻取保留所有筛选器和设置钻取按钮跨报表钻取Matrix 矩阵详解矩阵为每个列快速设置相同列宽矩阵动态显示列的两种方法使用Web超链接和图片超链接文本框设置超链接或邮件地址手机端页面布局创建参数和使用报表模块(输入或值列表)利用报表模板和参数控制线下报表数据权限利用参数实现数据手工加密和权限控制利用页面导航控制页面级权限报表主题控制和主题模板生成器PBIX和PBIT文件结构解析:提取图片和主题,提取已下架的自定义图表,报表元数据等 PBIDS预定义数据连接文件DAX函数使可视化强大 DAX函数实现特殊符号的使用 DAX函数实现切片器默认当前月或天 DAX函数使切片器默认代表无任何选择 DAX函数使切片器仅显示有数据的选项 DAX函数使切片器反向筛选和计算 DAX函数使切片器之间取并集 DAX函数使关系多端的切片器筛选一端的切片器DAX函数实现年月共同决定数据排序DAX函数实现动态图表标题DAX函数实现动态图表配色和图标DAX函数实现动态纵坐标DAX函数实现动态横坐标  

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧