jstextboxselect_用JS怎样获取文本框的值

① js实现用下拉框控制文本框的显示与隐藏

给下拉框一个onchange事件，if($("select").val() == 'b'){$("文本框").hide;}

② js中选中select的某项值后，判断其他文本框是否为必填。。急急急。。在线等。

这段代码的优点是随便你定义多少个自定义化必须项目。。。。

先解说下：一般以

===============

if(form.ly_name.value == "")
{
alert("请填写您的大名！"); // js提示
form.ly_name.focus();
return false;
}

只要改下name名称多次利用可循环标签

===============

return true; //结尾

===============

其中ly_name是表单中某个你需要浏览者必填的项目name名称

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
</head>

<body>
<formaction=""method="post"name="form"onSubmit="returnCheckForm(this);">
<tablewidth="70%"border="0"cellpadding="3"cellspacing="1"bgcolor="#b4c6db">
<tbody>
<tr>
<tdwidth="15%"height="30"class="newly_name">您的大名</td>
<tdcolspan="搜告2"class="ly_title2"><inputname="ly_name"type="text"tabindex="1"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"/><岁漏嫌fontclass="redstar">*</font><fontclass="zhu">[带<fontclass="redstar">*</font>部
分为必填项]</font></td>
<tdwidth="16%"rowspan="4"style="background:#fff;"class="ly_title2"align="right">&nbsp;</td>
</tr>

<trheight="30">
<tdclass="newly_sex">您的乎手性别：</td>
<tdcolspan="2"class="ly_title2">
<imgsrc="images/boy.gif"/><inputname="ly_sex"type="radio"value="先生"checked/>先生
<imgsrc="images/girl.gif"/><inputname="ly_sex"type="radio"value="女士/">女士</td>
</tr>

<tr>
<tdclass="newly_qq"height="30">您的QQ：</td>
<tdcolspan="2"class="ly_title2"><inputtype="text"tabindex="2"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"/><fontclass="redstar">*</font></td>
</tr>


<tr>
<tdclass="newly_title">留言标题：</td>
<tdcolspan="2"class="ly_title2"><inputname="ly_title"type="text"tabindex="3"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"/><fontclass="redstar">*</font></td>
</tr>
<tr>
<tdclass="newly_content">留言内容：</td>
<tdcolspan="3"class="ly_title2"><textareaname="ly_content"cols="70"rows="15"tabindex="5"
style="background:#fffurl(images/notepad.jpg)rightcenterno-repeat;"onMouseOver="this.className='input_1'"
onMouseOut="this.className='input_2'"></textarea><fontclass="redstar">*</font></td>
</tr>

<trheight="30">
<tdclass="ly_title">&nbsp;</td>
<tdwidth="31%"class="ly_title2"><spanclass="ly_title">
<inputvalue="提交留言"class="inp_L1"onMouseOver="this.className='inp_L2'"
onMouseOut="this.className='inp_L1'"id="input_btn2"name="input_btn"tabindex="6"type="submit"onClick="form.submit()"onKeyDown="if(event.keyCode==13)form.submit()"/>
</span></td>
<tdwidth="38%"class="ly_title2"><inputvalue="清空再来"class="inp_L1"onMouseOver="this.className='inp_L2'"onMouseOut="this.className='inp_L1'"id="input_btn1"name="enter.x"tabindex="7"type="reset"/></td>
<tdclass="ly_title2">&nbsp;</td>
</tr>
</tbody>
</table>
</form>

<SCRIPTlanguage=javaScript>
functionCheckForm(form)
{

if(form.ly_name.value=="")
{
alert("请填写您的大名！");
form.ly_name.focus();
returnfalse;
}

if(form.ly_qq.value=="")
{
alert("请填写您的QQ！");
form.ly_qq.focus();
returnfalse;
}

if(form.ly_title.value=="")
{
alert("请填写您的留言标题！");
form.ly_title.focus();
returnfalse;
}

if(form.ly_content.value=="")
{
alert("请填写留言内容！");
form.ly_content.focus();
returnfalse;
}

if(form.ly_content.value.length>500)
{
alert("详情内容不能超过500字！");
form.ly_content.focus();
returnfalse;
}

varregx=/^d{5,9}$/;//^表示不匹配。d表示任意数字，{5,9}表示长度为5到9。
if(!regx.test(form.ly_qq.value)){
alert("请输入你正确的QQ号");
form.ly_qq.focus();
returnfalse;
}//用上面定义的正则表达式测试，如果不匹配则返回false，否则返回true
returntrue;//结尾
}
</SCRIPT>
</body>
</html>

③ 用JS怎样获取文本框的值

代码示例：

document.getElementById("id").innerHTML //获取文本的内容；

document.getElementById("id").value //获取文本框的内容；

function getValue(){

var input=document.getElementById("myId");//通过获取文本框对象

alert(input.value);//通过文本框对象获取value值

}

(3)jstextboxselect扩展阅读：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。[4]

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。[4]

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。[4]

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理

参考资料：JavaScript-网络

④ JS 如何实现按下Esc按键全选文本框中的文本内容

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>文本框：内</div>
<textarea>按下ESC选中我</textarea>
<script src="jquery.min.js" ></script>
<script type="text/javascript">
function hotkey()
{
容var a=window.event.keyCode;
if(a==27)
{
$('textarea').select();
}
}
// 初始化加载
$(document).ready(function () {
document.onkeydown = hotkey;
});
</script>
</body>
</html>

⑤ JS如何赋值给文本框

⑥ JS怎么设置可编辑表格的值

*
JS实现可编辑的表格
*
用法:EditTables(tb1,tb2,tb2,......);
*
Create
by
Senty
at
2008-04-12
**/
//设置多个表格可编辑
function
EditTables()
{
for
(var
i
=
0;
i
<
arguments.length;
i++)
{
SetTableCanEdit(arguments[i]);
}
}
//设置表格是可编辑的
function
SetTableCanEdit(table)
{
for
(var
i
=
1;
i
<
table.rows.length;
i++)
{
SetRowCanEdit(table.rows[i]);
}
}
function
SetRowCanEdit(row)
{
for
(var
j
=
0;
j
<
row.cells.length;
j++)
{
//如果当前单元格指定了编辑类型，则表示允许编辑
var
editType
=
row.cells[j].getAttribute("EditType");
if
(!editType)
{
//如果当前单元格链拦敬没有指定，则查看当前列是否指定
editType
=
row.parentNode.rows[0].cells[j].getAttribute("EditType");
}
if
(editType)
{
row.cells[j].onclick
=
function
()
{
EditCell(this);
}
}
}
}
//设置指定单元格可编辑
function
EditCell(element,
editType)
{
var
editType
=
element.getAttribute("EditType");
if
(!editType)
{
//如果当前单元格没有指定，则查看当前列是棚慎否指定
editType
=
element.parentNode.parentNode.rows[0].cells[element.cellIndex].getAttribute("EditType");
}
switch
(editType)
{
case
"TextBox":
CreateTextBox(element,
element.innerHTML);
break;
case
"DropDownList":
CreateDropDownList(element);
break;
default:
break;
}
}
//为单元格创建可编辑输入框
function
CreateTextBox(element,
value)
{
//检查编辑状态，如果已经是编辑状态，跳过
var
editState
=
element.getAttribute("衡燃EditState");
if
(editState
!=
"true")
{
//创建文本框
var
textBox
=
document.createElement("INPUT");
textBox.type
=
"text";
textBox.className
=
"EditCell_TextBox";
//设置文本框当前值
if
(!value)
{
value
=
element.getAttribute("Value");
}
textBox.value
=
value;
//设置文本框的失去焦点事件
textBox.onblur
=
function
()
{
CancelEditCell(this.parentNode,
this.value);
}
//向当前单元格添加文本框
ClearChild(element);
element.appendChild(textBox);
textBox.focus();
textBox.select();
//改变状态变量
element.setAttribute("EditState",
"true");
element.parentNode.parentNode.setAttribute("CurrentRow",
element.parentNode.rowIndex);
}
}
//为单元格创建选择框
function
CreateDropDownList(element,
value)
{
//检查编辑状态，如果已经是编辑状态，跳过
var
editState
=
element.getAttribute("EditState");
if
(editState
!=
"true")
{
//创建下接框
var
downList
=
document.createElement("Select");
downList.className
=
"EditCell_DropDownList";
//添加列表项
var
items
=
element.getAttribute("DataItems");
if
(!items)
{
items
=
element.parentNode.parentNode.rows[0].cells[element.cellIndex].getAttribute("DataItems");
}
if
(items)
{
items
=
eval("["
+
items
+
"]");
for
(var
i
=
0;
i
<
items.length;
i++)
{
var
oOption
=
document.createElement("OPTION");
oOption.text
=
items[i].text;
oOption.value
=
items[i].value;
downList.options.add(oOption);
}
}
//设置列表当前值
if
(!value)
{
value
=
element.getAttribute("Value");
}
downList.value
=
value;
//设置创建下接框的失去焦点事件
downList.onblur
=
function
()
{
CancelEditCell(this.parentNode,
this.value,
this.options[this.selectedIndex].text);
}
//向当前单元格添加创建下接框
ClearChild(element);
element.appendChild(downList);
downList.focus();
//记录状态的改变
element.setAttribute("EditState",
"true");
element.parentNode.parentNode.setAttribute("LastEditRow",
element.parentNode.rowIndex);
}
}

⑦ js怎么判断一个对象是文本框还是下拉框

下拉框是select标签的。文本框是input标签的，通过标签就可以判断，其次文本框的type=‘text’，也是可以通过其type属性判断。

⑧ JS/JAVASCRIPT 选中文本框内的文字让滚动条滚动到选中文字的位置

导航:首页 > 编程语言 > jstextboxselect

jstextboxselect

与jstextboxselect相关的资料

友情链接