0

私はウェブデザインに不慣れなので、これが簡単な質問であることを願っています。私はこのようなものを持っています...

<form action="process.php" method="POST">

Height: <input type="text" name="height" value=""><br>
Width: <input type="text" name="width" value=""><br>

</form>

<p>The area of the of the box is [output = height * width]</p>

ユーザーが以前にデータを送信したことがある場合は、[高さ]および[幅]入力ボックスにデータベースからのデータを事前に入力してほしい。そうでない場合は、入力ボックスに「0.00」を含めてください。さらに、入力ボックスにデータが入力されたときに出力ボックスで自動的に計算し、ユーザーが押すことなく、現在のデータの代わりに高さや幅の新しい入力をデータベースに送信したいです。送信ボタン。だからおそらくタブアウトイベントで。

手伝って頂けますか？私はphpとmysqlを使用しています。

4

2 に答える 2

0

フィールドに入力するには、value属性を使用します。値を変更するときにデータを送信したり、出力を計算したりするには、onblurイベントを使用します

<?php $width = your logic here (or 0.00)
$height =your logic here (or 0.00)
?>
<form action="process.php" method="POST" id="myform">

Height: <input type="text" name="height" onblur="document.getElementById('myform').submit();" value="<?php echo $height?>"><br>
Width: <input type="text" name="width" onblur="document.getElementById('myform').submit();"  value="<?php echo $width ?>"><br>

</form>
于 2012-12-18T22:28:31.460 に答える
0

私は高さのために働いているjFiddleを作成しました。

http://jsfiddle.net/R6NJ2/

これを実現するには、javascriptライブラリjQueryを使用する必要があります。

 jQuery('.height').change(updateHeight);
    jQuery('.height').keyup(updateHeight);

ユーザー入力によって入力が変更されたときに更新イベントを発生させています。

function updateHeight() {

    var remaining = jQuery('.height').val()
    jQuery('.output').text(remaining );


    updateCountdown();
};

これは最初に値を読み取り、次にそれをターゲット要素に書き込みます。この後、変数'remaining'と、同じロジックで幅に対して作成する変数を使用して計算できます。

var result = remaining * yourWidthVariable
jQuery('.resultContainer).text(result);

これは、タスクをさらに進めるための良いスタートになるはずです（phpへの送信、値の送信など）

Number.toFixedPS： iEでIntを2倍にすることができます (100).toFixed(2);

于 2012-12-18T22:38:14.060 に答える