QA@IT

セレクトボックスをテキストボックスに転記

580 PV

セレクトボックスの下に配置しているテキストボックスにセレクトボックスで選択したものを転記させるのは
どのようにしたらできるでしょうか?
phpからjavascriptにphp変数(i)をわたして処理できるかと思いましたが、javascript側でnullになっています。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
<script>
 function Change(obj)
 {
  var f=obj.form;
  var v=obj.options[obj.selectedIndex].value;

**  var i=obj.id;
  var j="textid" + i;
  document.forms['form1'].elements[j].value=v;
**  
  }
</script>
</head>
<body>
<?php 
$field_array=array("field1","field2");
$field_list_array=array("list1","list2","list3");
?>
**<form name="form1" id="form1">**
            <table border="1" cellpadding="10">
              <thead>
                <tr>
                  <th></th>
                    <?php foreach ($field_array as $column_name) {?>
                  <th><?php echo $column_name;?></th>
                    <?php }?>
                </tr>
              </thead>
            <tbody>
              <tr>
                <td></td>
                  <?php for ($i = 0; $i< count($field_array); $i++) {?>
                <td>
                  <? echo "<pre>";
                     print_r($i);
                     echo "</pre>";
                  ?>
                   <select name="field" **id="<?php echo $i;?>" **onchange="Change(this)">
                       <option value="">------------</option>
                   <?php foreach ($field_list_array as $list_name) {?>
                       <option value="<?php echo $list_name;?>"><?php echo $list_name;?></option>
                   <?php }?>
                   </select>
                </td>
                    <?php } ?>
              </tr>
              <tr>
                <td></td>
                  <?php for ($i = 0; $i< count($field_array); $i++) {?>
                     <td><input type="text" name="data" id="<?php echo 'textid'.$i;?>" value="" size="15"></td>
                  <?php } ?>
              </tr>
            </tbody>
           </table>
**</form>**
</body>
</html>

ウォッチ

この質問への回答やコメントをメールでお知らせします。