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中显示我的选择作为链接。所以，如果我选择选项“saab”，请参阅div瑞典汽车＆gt;萨伯

解决方案（如果存在）必须使用jquery 1.8.3和ie8 / mobile设备兼容。感谢

我在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中测试过，但就我所知，此代码中的任何内容都不应存在任何问题。

从选择表单中显示选择作为链接

1 个答案: