javascript函数的值怎么赋给INPUT的value属性?
<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>
<input type="text" id="test" value="" />
<script type="text/javascript">
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
f();
</script>
具体如下:
1、简介
编程是编写程序的中文简称,就是让计算机代为解决某个问题,对某个计算体系规定一定的运算方式,是计算体系按照该计算方式运行,并最终得到相应结果的过程。
为了使计算机能够理解人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。
2、汇编程序
汇编程序。使用汇编语言编写计算机程序,程序员仍然需要十分熟悉计算机系统的硬件结构,所以从程序设计本身上来看仍然是低效率的、繁琐的。但正是由于汇编语言与计算机硬件系统关系密切,在某些特定的场合,如对时空效率要求很高的系统核心程序以及实时控制程序等,迄今为止汇编语言仍然是十分有效的程序设计工具。
3、执行原理
计算机对除机器语言以外的源程序不能直接识别、理解和执行,都必须通过某种方式转换为计算机能够直接执行的。这种将高级编程硬件程序设计语言编写的源程序转换到机器目标程序的方式有两种:解释方式和编译方式。
<input type="text" id="test" value="" />
<script type="text/javascript">
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
f();
</script>
无标题页
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
//调用执行函数
f();
我改了 但是value还是没值的
把javascript放到这一行下面
因为你的javascript放到这一行前面的话他获取不到ID或才在这行下面写这段
f();
JS获取一个input的值的方法就是获取该元素的value属性。常用就是
document.getElementById('TelePerson').value
至于为什么要加setTiemout,是因为万恶的IE6下,onpress事件发生在input的value改变之前,所以在onpress事件里不能获取对象变化后的值
<script type="text/javascript">
function change(){
setTimeout(function(){
document.getElementById("msg").value = "工作单211已经下发,请在规定时间处理,投诉人:(" + document.getElementById("TelePerson").value + "),电话(" + document.getElementById("PHONE").value + "),地址(" + document.getElementById("Addr").value + ")";
}, 10);
}
</script>
<td><div align="right"><font color="#FF0000"><b>投诉人</b></font></div></td>
<td align="left"><input name="TelePerson" type="text" id="TelePerson" onkeypress="change()" size="15" /></td>
<td><div align="right"><font color="#FF0000"><b>联系电话</b></font></div></td>
<td align="left"><input name="PHONE" type="text" id="PHONE" onkeypress="change()" size="11" /></td>
<td><div align="right"><b>户号</b></div></td>
<td align="left"><input name="HouseNum" type="text" id="HouseNum" size="12" /></td>
</tr>
<tr>
<td><div align="right"><font color="#FF0000"><b>客户单位/地址</b></font></div></td>
<td align="left" colspan="5"><div align="left"><input name="Addr" type="text" onkeypress="change()" id="Addr" size="80" /></div></td>
</tr>
<input type="text" name="msg" id="msg" value="工作单(<%=workbillno%>)已下发至你司,请在三个工作日内处理完成!" style="width:100% "/>
<body onload=“f()”>
如果是当点击再赋值的话 那就是在onClick点击事件 调用这个函数进行赋值
<input onClick = "f()" type="text" id="test" value="" />
还有好多方法可以进行赋值 ............ 希望这两点能帮到忙
我要的效果是 一打开这个页面 num = 1234567890; 这个值就赋值到里 value=1234567890
function f()
{
num = 1234567890;
document.getElementById('test').value=num;
}
........
function f()
{
var num = 123456789;
document.getElementById("test").value = num;
}
或者用.............
这个没问题了 我试了下 应该吧函数放在 上头部分 这比较规范