<script type="text/javascript">
<input type="text" id="test" value="" />
<script type="text/javascript">
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
</script>
</div>
</form>
流程大体也是如此:
<script src="jquery.min.js"></script>
<script>
//方法1:forms是全局表单对象
function show1(val){
document.forms.myform.result.value = val ;
//等价于document.myform.result.value = val ;
}
//方法2:这里val代表HTML DOM Select对象
function show2(val){
document.myform.result.value = val.value ;
}
//方法3:通过document.getElementById()访问HTML DOM Select对象
function show3(){
document.myform.result.value = document.getElementById("org1").value ;
}
//方法4:通过属性名来找
function show4(){
document.myform.result.value = document.myform.dept4.value;
}
</script>
<script>
$(document).ready(function(){
//方法5:使用jQuery事件中的bind()方法,将click事件绑定到id为org2的元素上
$("#org2").bind("click",function(){
$("#result").val($("#org2").val());
//以下写法会产生:“不能给函数返回值赋值”的错误!
//! $("#result").val() = $("#org2").val();
});
//方法6:直接调用jQuery事件中的click方法
$("#org3").click(function(){
$("#result").val($("#org3").val());
});
//方法7:在方法5的基础上,将jQuery对象转换成DOM对象,实质就是方法1和2
$("#org4").click(function(){
$("#result").get(0).value = $("#org4").get(0).value;
});
//方法8:在方法5的基础上,将jQuery对象转换成DOM对象,实质就是方法1和2
$("#org5").click(function(){
//$("#result").get(0).value = $("#org5").get(0).value;
//或者采用这种转换方法
$("#result")[0].value = $("#org5")[0].value;
});
});
</script>
</head>
<body>
<form action="test.htm" method="post" name="myform">
部门: <select name="dept1" onchange="javascript:show1(this.value)"> <!-- 与onchange="show1(this.value)" 等价,但是如果有return关键字,“javascript:”会报错-->
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept2" onchange="show2(this)">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept3" onchange="show3()" id="org1">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept4" onchange="show4()">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept5" id="org2">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept6" id="org3">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept7" id="org4">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
部门: <select name="dept8" id="org5">
<option value="技术部">技术部</option>
<option value="销售部">销售部</option>
<option value="财务部">财务部</option>
</select>
结果: <input type="text" name="result" value="" id="result">
</form>
</body>
</html>
无标题页
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
//调用执行函数
f();
我改了 但是value还是没值的
把javascript放到这一行下面
因为你的javascript放到这一行前面的话他获取不到ID或才在这行下面写这段
f();
我要的效果是 一打开这个页面 num = 1234567890; 这个值就赋值到里 value=1234567890
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
........
function f()
{
var num = 123456789;
document.getElementById("test").value = num;
}
或者用.............
这个没问题了 我试了下 应该吧函数放在 上头部分 这比较规范
javascript函数的值怎么赋给INPUT的value属性?
第一行是不对的,应该删除。改成这样就可以运行了:<input type="text" id="test" value="" \/> <script type="text\/javascript"> function f(){ num = 1234567890;document.getElementById('test').value=num;} f();<\/script> 问题分析:函数虽然定义了,但是没有调用,如果想要用好js,还...
如何通过JS给input中的value赋值
通过语句:document.getElementById('id').value进行赋值。1、创建如下实例代码:2、打开浏览器运行,此时在页面上的显示效果如下:3、继续创建一个赋值函数如下,将其绑定到之前创建的button上。4、属性页面,然后点击按钮,触发事件,此时页面的效果如下,完成赋值。
如何通过JS给input中的value赋值
如果只是通过JS给input中的text文本赋值,可以采用如下方法:<script type="text\/javascript"> window.onload = function(){ document.getElementById("x").value = "xx";} <\/script> 如果需要给input的text文本设置默认值,则可以使用如下方法:<input type="text" id="" style="" placeholder="...
js 如何把取得的值返回到 input value里面,谢谢
oId.value = getQueryString("id");oName.value = getQueryString("name");oPhone.value = getQueryString("phone");} <\/script>
怎么在js里该input标签的value值
如果只是通过JS给input中的text文本赋值,可以采用如下方法:<script type="text\/javascript"> window.onload = function(){ document.getElementById("x").value = "xx";} <\/script> 如果需要给input的text文本设置默认值,则可以使用如下方法:<input type="text" id="" style="" placeholder="...
怎么用javascript给type为hidden的input赋value值
用jquery可以这么做:("input[type='hidden']").attr("value","你想赋的值");如果满意请采纳,亲~~~
在JavaScript函数里怎么给input域里传值?
<s \/>添加id <s :hidden name="sc" value="1" id="a"\/> 然后在f()里加上var temp=document.getElementById('a');temp.value=num;就ok了 so easy
如何用JavaScript得到网页input中输入的value值
给input里面设置id属性,比如<input id="input"> 在js里面,用document.getElementById("input").value获取这个input的value
js中用dom来给input的value赋值,问题总是赋不上,求告知
getElementsByName()得到的是一个数组,所以你不能直接用数组.value 去赋值。你可以在这个控件加个id属性,然后用getElementById去设置value就可以了。如果你想知道是什么错误,你可以在浏览器按F12查询具体的错误
JS点击a标签 赋值给input
<script type="text\/javascript"> function a(){ var v1=document.getElementById("a").innerHTML;document.getElementById("aa").value=v1;} <\/script> <a class='open' id="a" onclick="a()">专家<\/a><input type="text" id="aa" name="aa" value="" \/> 亲测可用 ...