相关疑难解决方法(0)

我正在尝试使用Jquery从表单中的"选择"输入更改值,但是当它更改时,该更改的功能不起作用.

HTML:

<select id='select'>
  <option checked value='1' >Option 1</option>
  <option value='2' >Option 2</option>
</select>
<div id='text'>Option 1 selected</div>
<div id='button'>Click to select Option 2</div>

JQuery的:

$('#select').change(function(){
    if($(this).val() == '1'){
    $('#text').text('Option 1 selected');
  } else if($(this).val() == '2'){
    $('#text').text('Option 2 selected');
  }
});

$('#button').click(function(){
    $('#select').val('2');
})

CSS:

#button {
  cursor: pointer;
  color: white;
  background: red;
  padding: 5px;
  display: inline-block;
}

演示:https://jsfiddle.net/fdko9nna/

当我单击#buttondiv时,它会更改选择字段,但更改#text它的函数不会被执行.
谢谢.