如何在下拉列表中获取所选值的文本

时间:2010-02-14 21:01:56

标签: jquery

我正在尝试获取所选下拉列表的文本

我正在尝试:

$(document).ready(function() {
    $("#product_category_id").change(function(){
        alert($(this).val())
    })
});

另外,如何将下拉选项设置为特定选项:

$(document).ready(function() {
    $("#product_category_id").change(function(){
      //set prodcut_prod_type drop down to option ""
        $("#product_prod_type").set
    })
});

3 个答案:

答案 0 :(得分:2)

获取所选选项的文本(标签,而不是值):

$(document).ready(function() {
    $("#product_category_id").change(function(){
        alert(this.options[this.selectedIndex].text);
    })
});

答案 1 :(得分:0)

$.val()方法既可用于获取,也可用于设置:

$("#product_prod_type").val( $("#product_category_id").val() );

如果您只想要选择选项的文本,可以执行以下操作:

$("#product_category_id").change(function(){
  var text = $("option:selected", this).text();
});

答案 2 :(得分:0)

非常好,第一个正在工作。对于第二个问题,我不确定,你想预先选择一个选项吗?如果是这样的话:

$(document).ready(function() {
    $("#product_category_id option[value=value of option]").attr('selected', 'selected');
});