javascript - 如何使用 jQuery 在单击或更改事件上获取选定选项？

Question

HTML

<form name='region_filter' action='/jobseek/search_cv/' method='get'>                              
  <select id="id_region" class="" name="region">
    <option value="" selected="selected">Все</option>
    <option value="3">Донецк</option>
    <option value="2">Киев</option>
    <option value="1">Харьков</option>
  </select>   
  <input class='submit' type='button' value='adgf'/>                 
</form>

JS

$(function(){
    $('.submit').click(function(){
    var selected = $('#id_region option:selected');
        console.log(selected);
        $.ajax({
            type: 'GET',
            url: '/jobseek/search_cv/',
            data: {'region': selected.val()},
            dataType: 'html',
            success: function(data){
                $('#category').html(data);
            },      
            error: function(textStatus, jqXHR){
                console.log('sdfg');
            }
        });
    });
});

每次单击触发按钮，我都会得到相同的选定选项，该选项会加载页面，而不是我在单击按钮之前立即选择的选项。如何获取实际选择的选项？

Answer 1

首先确保您只有一个 ID 为 id_region 的选择。

然后试试这个:

var selectedval = $("#id_region").val();

演示:http://jsfiddle.net/Dt8FR/