javascript函数的值怎么赋给INPUT的value属性?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript函数的值怎么赋给INPUT的value属性?相关的知识,希望对你有一定的参考价值。

<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>

用下函数就可以了,代码改成这样:
<input type="text" id="test" value="" />
<script type="text/javascript">
function f()

num = 1234567890;
document.getElementById('test').value=num;

f();
</script>
具体如下:
1、简介
编程是编写程序的中文简称,就是让计算机代为解决某个问题,对某个计算体系规定一定的运算方式,是计算体系按照该计算方式运行,并最终得到相应结果的过程。
为了使计算机能够理解人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。
2、汇编程序
汇编程序。使用汇编语言编写计算机程序,程序员仍然需要十分熟悉计算机系统的硬件结构,所以从程序设计本身上来看仍然是低效率的、繁琐的。但正是由于汇编语言与计算机硬件系统关系密切,在某些特定的场合,如对时空效率要求很高的系统核心程序以及实时控制程序等,迄今为止汇编语言仍然是十分有效的程序设计工具。
3、执行原理
计算机对除机器语言以外的源程序不能直接识别、理解和执行,都必须通过某种方式转换为计算机能够直接执行的。这种将高级编程硬件程序设计语言编写的源程序转换到机器目标程序的方式有两种:解释方式和编译方式。
参考技术A 就是网页加载的时候 调用那个函数 取值
<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;


或者用.............

这个没问题了 我试了下 应该吧函数放在 上头部分 这比较规范

参考技术B

document.getElementById('test').value = '1234567890';

参考技术C <script type="text/javascript">
//你之前将input放在script内,这是无法运行的主要原因。
//而且你的div和form节点并未有闭合。
function doChange()
num = 1234567890;
document.getElementById('test').value=num;

</script>
<form>
<input type="text" value="hello" id="test" onClick="doChange()">
</form>
参考技术D

实例操作:

流程大体也是如此:

<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>  

juqery 点击谁获取他的值,赋给input标签

//html代码
<a href="javascript:;" class="confirm fahuo" data-fahuo-id="{$vo[‘id‘]}">发货</a>
//要赋给的input标签
<input type="hidden" id="fuzhi_id" name="id">


//jquery代码 $(‘.fahuo‘).click(function(){ var id = $(this).attr(‘data-fahuo-id‘);//点击的同时获取他的值 $(‘#fuzhi_id‘).val(id);//赋给指定的ID $(‘.order‘).show(100);//让一个弹窗显示 })

 

以上是关于javascript函数的值怎么赋给INPUT的value属性?的主要内容,如果未能解决你的问题,请参考以下文章

jquery 怎么把下拉框选中的值 赋给文本框

unity2d用上下左右移动人物的情况下,怎么把Y轴移动的值赋给Z轴(比如Y改变5,Z跟着改变8)

将`input`的值分配给变量但在JS中返回空白

如何将 T 类型的值赋给 uchar 类型的 data[i] 而不会造成任何损失?

nginx配置文件中怎么把hostname的值赋给其它变量

怎么给参数赋两个值