jQuery获取选择标签值

Question

我不知道如何获取选择标记值。 我需要提醒文本值“ 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);
        });             
})

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

---

value是select元素的无效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);
    });             
});

小提琴演示