根據特定的選擇在下拉字段中顯示錶格

Question

我有一個動態填充的下拉字段。根據用戶的選擇，從下拉字段中，我想在同一頁面上顯示一個窗體中的其他字段。我是一個開發人員的UI開發，所以我不太瞭解jQuery的東西。有可能做到這一點在純JavaScript？任何幫助表示讚賞。謝謝， 阿倫

Answer 1

試試這個：

的HTML：

<select id="sel" onchange="selectChanged"><option>1</option><option>2</option></select> 
<div id="div0" style="display:none">This is div 1</div> 
<div id="div1" style="display:none">This is div 2</div> 

的JavaScript：

function selectChanged(){ 
    activeOption = document.getElementById("sel").selectedIndex; 
    document.getElementById("div"+activeOption).style.display = "block"; 
} 

注意，選擇的指標是基於0。

Answer 2

添加代碼，因爲我在Google上找不到任何有意義的結果。

假設附加字段具有一個類的.extra，和它的ID等於選項值：

$('#myselect').change(function(){ 

    var targetField = '#' + $(this).val() 

    // hide all other fields 
    $('.extra').hide() 
    // show the relevant one 
    $(targetField).show() 

})