Dr. Radialistからの便り

htmlフォームからJavascriptに値を渡す

07:23

htmlフォームからPHPに値を渡すには、GETやPOSTを用いて簡単にできます。では、Javacriptに値を渡すにはどうすれば良いでしょうか?

PHPでは直接DOMの操作ができませんので、Dynamic HTMLを入力に応じて随時行うのはなかなか困難です。これに対して、Javascriptはあくまでもクライアント(ユーザー)側のBrowser内部でのインタープリーターですし、もともとの仕様にDOMを取り込んでいますので、簡単です。

例えば、ここに　性別(is_male)、年齢(age)がPHP側の変数$is_male、$ageに存在し、htmlフォームのname= 'cre'というテキスト・ボックスに何らかの値が入力された時に、e-GFRを計算する、というものを作らねばならないのです。まさしく、html、Javascript、PHPの連携作業です。

<!-- まずはhtmlフォーム -->

<FORM>
  <INPUT TYPE = 'text' NAME = 'cre' onChage = 'egfr(<?= $is_male ?>, <?= $age ?>) />
  <INPUT TYPE = 'text' NAME = 'gfr' READONLY = 'readonly' />
</FORM>

それからJavascript

<script type='text/javascript' language='javascript'>
  Function egfr(is_male, age) {
    var cre = document.getElementByID('cre').value;
    <!-- 本当はここで数値かどうかなどのチェック必要 -->
    <!-- 計算する -->
    document.getElementByID('gfr').value = creより計算したeGfR;
  }
</script>

これで良いのだ。