通过语句：documentgetElementById('id')value进行赋值。
1、创建如下实例代码：
2、打开浏览器运行，此时在页面上的显示效果如下：
3、继续创建一个赋值函数如下，将其绑定到之前创建的button上。
4、属性页面，然后点击按钮，触发事件，此时页面的效果如下，完成赋值。
纯JS
var e = documentgetElementById("form-field-select-4");alert(getSelectValues(e));
// Return an array of the selected opion values
// select is an HTML select element
function getSelectValues(select) {
var result = [];
var options = select && selectoptions;
var opt;
for (var i=0, iLen=optionslength; i<iLen; i++) {
opt = options[i];
if (optselected) {
resultpush(optvalue || opttext);
}
}
return result;
}
JQuery
var selectedValues = [];$("#form-field-select-4 :selected")each(function(){
selectedValuespush($(this)val());
});
alert(selectedValues);
可以使用placeholder这个属性placeholder=“123456”
或者
onfocus="if(thisvalue=='123456')thisvalue='';" onblur="if(thisvalue=='') thisvalue='123456';"
为了一个小小的功能加载jQuery，太没有必要了，纯属浪费内存和资源
placeholder是HTML5<input>的属性之一，在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果：
在Chrome( v310165063 m)、Firefox( v210 )、360安全( v63 极速模式 )中，输入栏获得焦点后，提示文字并不消失，如图( Chrome )：
获得焦点前：
获得焦点时：
偏偏IE11要搞点特殊：
获得焦点前：
获得焦点时：
也就是说获得焦点时提示的文字会消失。
非现代浏览器( 例如 IE6-IE9 )是不支持placeholder属性的。现在用jQuery来使这些非现代浏览器也同样能能实现placeholder的显示效果，第一种方法实现的是IE11这种效果，也就是输入框获得焦点时提示文字会消失；如果要想获得类似Chrome的效果，即输入框获得焦点时提示文字并不消失，可以使用第二种方法。
方法一
效果预览：
>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
<script src="jquery-180minjs"></script><!--请引入jq库-->
<style type="text/css"></style>
<script>
$(function(){
var inp = $('#inp');
inpfocus(function(){
$(this)attr('placeholder','请输入企业名')
})
})
</script>
</head>
<body>
<input type="text" id="inp" placeholder="请输入用户名">
</body>
</html>
扩展资料
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<title>XXX</title>
<meta >
<script language="JavaScript" src="/js/jquery-142js"></script>
<style type="text/css">
div,span{
width: 140px;
height: 140px;
margin: 20px;
background: #9999CC;
border: #000 1px solid;
float:left;
font-size: 17px;
font-family:Roman;
}
divmini{
width: 30px;
height: 30px;
background: #CC66FF;
border: #000 1px solid;
font-size: 12px;
font-family:Roman;
}
</style>
<!--引入jquery的js库-->
</head>
<body>
<input type="text" placeholder="用户邮箱/手机号/用户名" id="b1"/><br>
<input type="password" value="" id="b2"/><br>
<input type="button" value="登陆" id="b3"/>
<br>
</body>
<script language="JavaScript">
$("#b1")focus(function(){
$(this)attr('placeholder',"");
});
$("#b1")blur(function(){
if($(this)val()==""){
$(this)attr('placeholder','${sessionScopexxxxxxx}');
}
});
</script>
</html>
参考资料：
以上就是关于如何通过JS给input中的value赋值全部的内容，包括:如何通过JS给input中的value赋值、JS获取select option获取选中的值多选、JS语言 文本框如果是指定的内容,点击后内容消失等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）