Question

我是“html”和“Javascript”的新手。

我使用“html”和“Javascript”作为

以下代码

<script>
    var number=10000;
</script>
<input type="text" value="">

我想使用“number”变量的值，作为“input”标签的“value”属性。怎么样？

Answer 1

您可以使用Framework AngularJS，它支持这种确切用法（http://angularjs.org/）它叫做DataBinding。你的看起来像这样：

<div data-ng-controller="myController">
    <input type="text" data-ng-model="number"/>
</div>

<script>
    var myController = function($scope) {
        $scope.number = 10000;  
    };
</script>

http://jsfiddle.net/L3hrv/

您还可以将javascript更改为以下内容：

<script>
var number=10000;
window.onload = function() { //is executed when the window finished loading
  document.getElementById('my-id').setAttribute('value', number);  //changes the value of the specified element
}
</script>

<input id="my-id" type="text" value="">

http://jsfiddle.net/k3G44/

Answer 2

这可以使用jQuery

完成

$('#inputID').val(number);

只需在输入中添加id标记即可。（ID = 'inputID'）

Answer 3

您可以使用DOM：

    <script>
        var number=10000;
    </script>
    <input id = "myInput" type="text" value="" />  
    <script>
        document.getElementById("myInput").value = number;
    </script>

Answer 4

类似于John Smiths的答案，但是使用jQuery。我个人觉得更容易合作。我知道这不一定是你所要求的，但它可能有所帮助。

这将定位所有输入标记

    var number=10000;
    $('input').attr('value' , number);

    <input type="text">

添加ID以仅定位一个

    var number2=50000;
    $('#yourId').attr('value' , number2);

    <input id="yourId" type="text">

根据需要添加一个目标

    var number3=70000;
    $('.yourClass').attr('value' , number3);

    <input class="yourClass" type="text">  
    <input class="yourClass" type="text">  
    <input class="yourClass" type="text">  
    <input class="yourClass" type="text">

以下是一个简短解释的示例：的 http://jsfiddle.net/wE6bD/

访问html标记中的javascript变量

4 个答案: