在foreach循环中将输入文本复制到另一个文本?

时间:2014-06-14 18:07:16

标签: javascript php foreach key getelementbyid

此页面生成一个包含路线的表格,并在每个" tr"有一个按钮,应该将每行中这两个字段内的文本分别复制到Name3和Name4输入。

但是,当我点击时,没有任何事情发生,我认为getElementById("Name1_".index)使得漏洞代码无效,但如何正确使用?

<script type="text/javascript">
          function copyTextValue(key) {
                        var index = key;
                        var text1 = document.getElementById("Name1_".index).value;
                        var text2 = document.getElementById("Name2_".index).value;
                        document.getElementById("Name3").value = text1;
                        document.getElementById("Name4").value = text2;
                        }
</script>

         <input type="text" id='Name3' />
         <input type="text" id='Name4' />

        <?php

        $get_rotas = file_get_contents('routes.txt');

        $array = explode("\r\n", $get_rotas);

        foreach($array as $key=>$rota) {

            //Route(rota) Example: TRM J169 BLH V16 BXK|3666

            $rota_distance = explode("|", $rota);

            echo "<tr bordercolor='#FFFFFF'>";
            echo "<td><input type=\"text\" id=\"Name1_$key\" value='" . $rota_distance[0] . "'/></td>";
            echo "<td><input type=\"text\" id=\"Name2_$key\" value='" . $rota_distance[1] . "'/></td>";

            echo "<td><input type=\"button\" onclick=\"copyTextValue($key);\" value=\"Copy\" ></td>";

            echo "</tr>";

            } 

            ?>

1 个答案:

答案 0 :(得分:3)

要在JavaScript中连接字符串,请使用+而不是.