HTML控制功能

Question

我有一个select html元素

这样的：

<select> 
    <option id="US" value="US"> 
    </option> 
    <option id="Canada" value="Canada"> 
    </option> 
</select> 

我想两件事情：

1. 我要发布期权
的选择请求到服务器
2. 而我想把HTML元素内的选项

这两件事情是可能的（对于所有浏览器，尤其是现代浏览器）？

Answer 1

使用change事件在select。

$('select').on('change', function() { 
    $.ajax({ 
     url: '', 
     data: { 
      ... 
     } 
    }); 
}); 

在HTML中嵌入option。如果您在使用jQuery 不推荐

$('option:first').html('<div>Hello</div>'); 

Answer 2

：

$(function() { 
    $('select').on('change', function() { 
    $.post('your/path', $(this).val(), function(data) { 
     var option = $('select option[value="'+$('select').val()+'"]'); 
     // Do what you want with your option 
    }; 
    }); 
});