jQuery在条件语句中选择的选项

Question

我试图在每个选定选项的名为“msg_box”的div中显示一些文本。它的工作，但没有生活。我必须刷新以查看结果。

JS的是..

$(function() { 
    switch ($('#my_options :selected').val()) { 
    case '1': 
     $('.msg_box').html('You selected option one'); 
     break; 
    case '2': 
     $('.msg_box').html('You selected option two'); 
     break; 
    } 

}); 

其中文本应根据所选择的选项出现在div ..

<div class="msg_box"></div>

和形式..

<select id="my_options"> 
    <option value="0">Select...</option> 
    <option value="1">Something</option> 
    <option value="2"> Something else </option> 
</select> 

有人可以分享如何动态更改html（）吗？

Answer 1

你要使用a .change() event handler为<select>：

试试看：http://jsfiddle.net/mjNC3/2/

$(function() { 
    $('#my_options').change(function() { 
     var str = 'You selected option '; 
     switch (this.value) { 
     case '1': 
      str += 'one'; 
      break; 
     case '2': 
      str += 'two'; 
      break; 
     } 
     $('.msg_box').html(str); 
    }); 
});