基於下拉菜單填充相鄰表格列OnChange

我正在創建包含商店的照片庫網站。我的編程經驗相當有限，但在過去的幾個月裏，他們對HTML和PHP有了很好的把握。我試圖創建一個表格，允許用戶從下拉菜單中選擇產品規格。一旦選定，理想情況下產品的價格將出現在相鄰列中。如果用戶從下拉菜單中更改他們的選擇，這個價格應該會改變。在將價格輸出到屏幕時，我完全失去了。出於測試目的，我已經包括警報，該警報爲了創建一個彈出窗口，以確保價格變化這是我迄今爲止...基於下拉菜單填充相鄰表格列OnChange

 <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>

來源

2012-12-19 panoramic

移動腳本，使其頭部之間您的HTML文檔的標籤，並改變它的東西是這樣的：

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

然後改變你的第二個<TD>塊的內容是：

這應該是竅門

來源

2012-12-19 19:25:36

非常好！謝謝您的幫助。出於某種原因，它不能使用getElementsByName，所以我將它切換到getElementById。 – panoramic

是的，我的壞。 'getElementsByName'是獲取具有給定名稱的元素數組。當知道只有一個具有給定ID的元素時，使用'getElementById'是正確的函數。我用正確的功能更新了我的答案。 –

基於下拉菜單填充相鄰表格列OnChange

回答

相關問題