0

店舗を含むフォトギャラリーのウェブサイトを作成中です。私のプログラミング経験はかなり限られていますが、ここ数か月で HTML と PHP についてかなり理解できました。ユーザーがドロップダウン メニューから製品仕様を選択できるようにするテーブルを作成しようとしています。選択すると、製品の価格が隣の列に表示されるのが理想的です。ユーザーがドロップダウン メニューからの選択を変更すると、この価格は変更されます。価格を画面に出力することになると、私は完全に迷っています。テスト目的で、価格が変化していることを確認するためにポップアップ ウィンドウを作成するアラートを含めました。

     <TD>
     <select id="photo" onchange="price(this.value)">
            <option value="$">--Please Select--</option>
            <option value="$2.50">6" X 12" - $2.50</option>
            <option value="$3.50">6" X 18" - $3.75</option>
            <option value="$5.00">6" X 24" - $5.00</option>
    </select>
    </TD>
    <TD>
    <script>
         function price(data)
           {
              value=data;
              alert(value);
           }

    </script>
    </TD>
4

1 に答える 1

0

スクリプトをHTMLドキュメントのheadタグの間にあるように移動し、次のように変更します。

<script type="text/javascript">
    function price(data)
    {
        var myDiv = document.getElementById( "itemPrice" );
        myDiv.innerHTML = data;
    }
</script>

次に、2番目の<TD>ブロックの内容を次のように変更します。

<td>
     <div id="itemPrice" name="itemPrice">
         Price will go here on selection
     </div>
</td>

それはトリックを行う必要があります

于 2012-12-19T19:25:36.053 に答える