顯示選擇爲

Question

鏈接我有一個像

<select> 
    <optgroup label="Swedish Cars"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    </optgroup> 
    <optgroup label="German Cars"> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
    </optgroup> 
</select>  

的經典選擇的形式，我想知道，如果我們可以證明我的選擇是在一個單獨的DIV鏈接。 所以，如果我選擇選項「薩博」，看到該分區瑞典汽車>薩博

的解決辦法，如果存在，必須用jQuery 1.8.3和IE8 /移動設備兼容完成。由於

我發現這裏http://jsfiddle.net/MJ26K/3/

的部分解決方案正如你可以看到它只能顯示值當你點擊該按鈕，奧斯陸，在彈出警報。現在仍然找到一個解決方案，以顯示它在一個div而不是彈出警報和選擇，而不是按鈕單擊...

Answer 1

你試過嗎？你有解決方案就在那裏只是需要做一些修改...

$(function(){ 
    $("#addButton").click(function() { 
     var select = $('select'); 
     var selectedItem= select.find(':selected'); 
     var selectedVal = select.val(); 
     var selectedText = selectedItem.text(); 
     var optgroupLabel = selectedItem.parent().prop('label'); 
     $('div.result').text(optgroupLabel + " > " + selectedVal); 
    });  
}); 

http://jsfiddle.net/MJ26K/39/

在IE8沒有測試，但據我所知，不應該有任何問題與此代碼的任何東西。