テキストはリアルタイムで更新されます

Question

ドロップダウンボックスからの選択に応じて、リアルタイムでテキストを更新する必要があります。

はここに例を示しますhttp://www.thatsoftwareguy.com/swguy_demo_1.3.7/index.php?main_page=product_info&cPath=65&products_id=183

私はNAMEとIDを使用して、自動的に更新された入力ボックスを取得する方法を知っている - しかし、どのように通常のテキストに名前やIDを与えていますか？

Answer 1

は、スパンを作成し、それをIDを与えて、そのIDを参照し、テキストにあなたが<span></span>で囲む必要がありますIDを与えるために

Answer 2

内のHTMLを更新します。

だから、あなたはPrice: <span id="price">3.00</span>$を持っていると思います。

価格で動作させるためにEDIT

：

var price = parseFloat(document.getElementById('price').innerHTML); 
price += 5; 
document.getElementById('price').innerHTML = price.toFixed(2); 

これは、5 $での価格を増加させることになります。オールウェイズでも、あなたがサーバ側で何かを受け入れるかどうかを確認することが確実になります。

完成のために、私は関係するすべてを説明します。

• document DOM要素です。
• getElementById(id)はdocument機能WICHが指定したIDの最初の要素を見つけています。
• innerHTMLデータを内部に格納できるデータの場合、これはデータ内の文字列として扱われます。
• parseFloatは、文字列を浮動小数点数に変換します。
• toFixed(decimals)は、フロートを所定の小数点以下の文字列にする浮動小数点関数です。

ホープすべてが今明らかです。

Answer 3

テキストのコンテナにidを付け、document.getElementById("theId").innerHTMLを使用して、そのコンテナの内容を変更します。

コンテナは、たとえばdiv、spanまたはpの要素です。

<input type="text" name="txthidden" 
id="txthidden" value=""> 

：あなたはそれを使用隠さ提出元のように価格表を表示するために

<div id="estimate" style="font-weight: 
bold; font-size: 14px;"> </div> 

を使用している

Answer 4

。変更機能の選択ボックスを使用して、あなたがtxthidden値を投稿することができ、通常のPHPを使用して、その後

document.getElementById('txthidden').value = responsetext; 

、div要素と隠しフィールドの両方に応答テキストを貼り付けます。