jQuery获取select标记值

时间:2014-05-14 14:53:52

标签: javascript jquery

我无法弄清楚如何获取select标记值。我需要提醒文本值" ART" 有什么想法吗?

<select class='category_drop43' value="ART"><option value='test'>Test</option></select>


$(document).ready(function(){
        $('.category_drop43').change(function() {       

        var keyword = $('select' this ).val();
                alert(keyword);
        });             
})

1 个答案:

答案 0 :(得分:1)

您需要使用.val()代替.value()

var keyword = $(this).val();

或更好地使用纯JavaScript来获取值:

var keyword = this.value;

请注意,select没有value属性,而select没有任何类名.category_drop43,因此您可以添加这个班级到你的select

<select class="category_drop43"><option value='test'>Test</option></select>

或使用以下内容定位select元素:

$(document).ready(function(){
    $('select').change(function() {       
        var keyword = this.value;
        alert(keyword);
    });             
});

valueselect元素无效的HTML属性,您可以使用data-* HTML5属性代替:

<select class="category_drop43" data-value="ART"><option value='test'>Test</option></select>

然后您可以使用.data()来检索值:

$(document).ready(function(){
    $('select').change(function() {       
        var keyword = $(this).data('value');
        alert(keyword);
    });             
});

<强> Fiddle Demo