<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;
}
或者用.............
这个没问题了 我试了下 应该吧函数放在 上头部分 这比较规范