jQuery从select选项填充div - IE7问题

Question

我正在尝试使用<option>列表中<select>的值填充div。

我的jQuery是：

$('select#address_select_previous').click(function () {
    var previousAddress = $('select#address_select_previous option:selected').text();
    previousAddress = previousAddress.replace(/, /g, ', <br />'); 
    $('#previous_address_populated p').html(previousAddress);   
});       

我最初有.change（function（）），但我在这里发现，IE 7不喜欢这样。

问题是var previousAddress没有值（即如果我控制日志，或警告该值，它在IE7中为空，但在其他浏览器中为空），因此它不会填充div因为没有什么可以填充它。

Answer 1

- 编辑 -

的 see working jsFiddle demo 的

我也做了一些小小的优化：

var $select = $('select#address_select_previous'),
    $populated = $('#previous_address_populated p');

$select.change(function() {
    $populated.html($select.val().replace(/, /g, ', <br />'));
}).change();

Answer 2

也许

$('select#address_select_previous').val();

.change()应该正常工作......