從下拉列表中獲取值並在Java腳本的同一頁面中顯示結果

Question

以下是標題。 它將結果顯示在新頁面中，而我想在運行代碼的同一頁面顯示結果。請幫助。

function calculate() { 
    var width = document.getElementById("width"); 
    width1 = width.options[width.selectedIndex].text; 
    var height = document.getElementById("height"); 
    var height1 = height.options[height.selectedIndex].text;  
    var calculate = width1 * height1 * 3; 
    result.innerHTML = "<div>" + calculate + "</div>"; 
} 

體

Choose Width 
<select id="width" name="height" onchange="calculate()"> 
    <option>1</option> 
    <option>1</option> 
</select> 
<br/> 
Choose Heiht 
<select id="height" name="height" onchange="calculate()"> 
    <option>1</option> 
    <option>2</option>  
</select> 

Answer 1

你可以使用：

Choose Width: 

<select id="width" name="height" onchange="calculate()"> 
    <option>1</option> 
    <option>2</option> 
</select> 

    <br/> 

    Choose Height 

<select id="height" name="height" onchange="calculate()"> 
    <option>1</option> 
    <option>2</option>  
</select> 
<div id="result"></div> 

和JavaScript應該是：

function calculate() 
{ 
    var width = document.getElementById("width"); 
    width1 = width.options[width.selectedIndex].text; 
    var height = document.getElementById("height"); 
    var height1 = height.options[height.selectedIndex].text;  
    var calculate = width1*height1*3; 
    var result = document.getElementById("result"); 
    result.innerHTML = calculate; 
} 

Answer 2

你應該有result作爲一個div在HTML代碼和那麼你需要做內心HTML或的innerText把你的結果
添加新標籤（在你的HTML代碼）

<div id="result"></div> 

現在JS更新這個div元素

var result = document.getElementById("result"); 
result.innerText = calculate;