如何在選擇下拉列表時刷新HTML字段？

我想要得到的html字段（下拉列表）刷新，因爲我從默認情況下從（圖表類型）下拉列表中點擊圖表類型。選擇圖表之後的默認選擇如下：（如果我從下拉列表中選擇「餅圖2D」）如何在選擇下拉列表時刷新HTML字段？

現在，如果我選擇另一個類似的圖表「餅圖3D」（其具有同樣的下拉場），也是我選擇字段的數據，然後將圖像如下：從下拉列表

問題

現在，如果我選擇「餅圖2D」回來了我得到這2n d圖像字段已設置。我希望字段在Pie Chart 2D的第一張圖片中顯示時進行刷新。因此，我應該如何刷新領域？

注：，我想刷新默認領域是「定義X軸」下拉列表。

我希望我已經清除了我的問題，萬一理解混亂，我會很快回復。我希望它不難解決！

謝謝你的時間。

來源

2015-11-05 Amir

您標記了jquery/js，但我沒有在您的代碼中看到它們。 –

我還沒有發佈任何代碼，我期望jquery/js專家的解決方案！ – Amir

您可以將onchange事件偵聽器添加到您的選擇中。如果您在JS有一個函數updateDiv()，將更新要與<select>元素的變化打電話給你<div>元素：

在HTML：

<select id="chartType" onchange="resetFieldToDefault();">

在jQuery中：

$("select#chartType").change(resetFieldToDefault);

In（素）JS：

document.getElementById("chartType").addEventListener("change", resetFieldToDefault);

編輯

我不認爲我正確回答上面的問題。我相信這個問題更多的是，我怎樣才能取消選擇該領域的所有選項（一旦選擇字段發生變化）？所以我只回答了問題的第一部分，但關於重置其他<select>元素的第二部分仍未解決。（我是否正確？）

爲此，請添加一個偵聽器，如上所示。然後，添加（平原）JS功能：

var resetFieldToDefault = function() { 
    var selectedOptions = document.getElementById("xAxisSelect").selectedOptions; 
    for(var i = 0; i < selectedOptions.length; i++) 
     selectedOptions[i].selected = false; 
}

來源

2015-11-05 21:58:02

讓我更簡單地重述上述問題！ – Amir

請再看一遍，我已經更簡單地重新解釋了這個問題！ – Amir

是的。這很容易:)謝謝:) – Amir

我會做這樣的事情：

$("#chartType).on("change", function() { 
    refreshDivs(this.val()); 
}); 

function refreshDivs(value) { 
    if(value=="Scatter Chart") { 
     $("#divEventCategory").hide(); 
     $("#divEventSubCategory").hide(); 
    } else if ((value=="Bubble Chart") { 
     $("#divEventCategory").show(); 
     $("#divEventSubCategory").show(); 
    } 
}

如果您需要刷新的下拉菜單/列表框的基礎上，選擇的內容，只是在相應的部分添加代碼。

來源

2015-11-05 22:03:18

如何在選擇下拉列表時刷新HTML字段？

回答

相關問題