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 
    }; 
    }); 
});