基于下拉菜单填写相邻的表列Onchange

Question

我正在创建一个包括商店的照片库网站。我的编程经验相当有限，但是在过去的几个月中，我对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>

Answer 1

移动脚本，以便它在HTML文档的Head标签之间，然后将其更改为类似的内容：

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

然后更改第二个＆lt; td＆gt;块：

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

应该做技巧