js如何选中input内的文本

JavaScript013

js如何选中input内的文本,第1张

有如下的文本框:

<input name="jbxue_form" id="jbxue_form" value="内容" /> <script>

//JS选中文本框中内容

document.getElementById("jbxue_form").focus()

document.getElementById("jbxue_form").select()

//jquery选中文本框中内容

$("#jbxue_form").focus()

$("#jbxue_form").select()

</script>

文本框就按照以前你写的不动,但是要加在<div id="inputs"></div>的里边,方便给每个input加上onfocus事件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>文本框</title>

<script type="text/javascript">

function writeValue(){

var list = document.getElementById('list')

var values = []

//获取被选中的项,并将值写入数组values里

for(var i=0i<list.options.lengthi++){

var option = list.options[i]

if(option.selected){

values.push(option.value)

}

}

//写入input, this就是input

var str = values.join(',')

this.value = str

}

</script>

</head>

<body>

<select id="list" multiple="multiple" size="7">

<option value="1">11111111</option>

<option value="2">22222222</option>

<option value="3">33333333</option>

<option value="4">44444444</option>

<option value="5">55555555</option>

<option value="6">66666666</option>

<option value="7">77777777</option>

</select><br/>

<div id="inputs">

这里的input用ASP循环生成,所以不用你手动写<br/>

<input /><br/>

<input /><br/>

<input /><br/>

<input /><br/>

<input /><br/>

<input /><br/>

<input /><br/>

<input /><br/>

<input /><br/>

ASP生成成功

</div>

<script type="text/javascript">

//分别设置每一个input的获得焦点的事件是writeValue

var inputs = document.getElementById('inputs').getElementsByTagName('input')

for(var i=0i<inputs.lengthi++){

inputs[i].onfocus = writeValue

}

</script>

</body>

</html>

if(复选框选中){

if(输入框1.value ==''){

alert("输入框1不能为空")return false

}

if(输入框2.value ==''){

alert("输入框2不能为空")return false

}

}

以上代码你需要放在一个监听事件中去,比如onchange事件