1

だから私はスクリプトブロックを持っています:

<script>
var totalPopulation = 0;

for(xxxxx){
  totalPopulation = totalPopulation + xxx
}
</script>


<tr>
  <input type="text" name="censusPop" value=totalPopulation/>
<tr>

私はまだjavascriptにかなり慣れています。しかし、スクリプト ブロック内の変数の値を入力タイプのような HTML 要素に割り当てる方法はありますか? コードに到達できないことはわかっています。

4

4 に答える 4

1

JavaScriptの仕組みを理解するのに役立つことを願っています 

<html>
<head>
<script>
    var totalPopulation = 0;

    function addAndShowPopulation(population) {
         totalPopulation = totalPopulation + population;

         var input_tag = getTag('my_input_id');
         input_tag.value = totalPopulation;
    }

    function startAdding() {
         addAndShowPopulation(10);

         setTimeout( function(){startAdding();},1000);
    }

    function getTag(id) {
       return document.getElementById(id);
    }

</script>
</head>
<body onload="startAdding();">

<div>
     <input type="text" id="my_input_id" name="censusPop" value="" placeholder="Total Population"/>

</div>
</body>
</html>
于 2013-10-31T14:50:29.697 に答える
0

はい、入力に id を指定するだけです。たとえば、"id = my_input_id"; 次に、JavaScript で次のように記述します。

$("my_input_id").value=totalPopulation;

これが ajax の仕組みです。html 要素の ID を見つけて、JavaScript 値を使用して動的に入力します。

html が JS の前に読み込まれるように注意してください。そうでない場合、$("my_input_id") は Null を返します

于 2013-10-31T14:42:54.080 に答える
0

さらに、次のようなことをする必要があります。

<tr>
 <td>
  <input type="text" id="censusPop" name="censusPop" value=""/>
 <td>
<tr>
<!-- Other stuff -->
<script>
var totalPopulation = 10;
// or for loop, or whatever here.
var censusText = document.getElementById('censusPop');
censusText.value = totalPopulation;
</script>
</body>

HTML と JavaScript は相互作用できますが、直接のようにはなりません。最善の方法は、<script>タグを使用して、ブラウザー DOM を更新するコードをセットアップすることです。タグを<script>HTML の後ろ (通常は<body>タグの一番下) に配置することで、実際に使用する前にブラウザが要素を作成できるようになります。

別の注意:<tr>タグにはタグを含める必要があり<td>ます。これは、行と列の違いです。

于 2013-10-31T14:43:39.837 に答える