我已经准备了一个小的JQuery扩展，删除所有不必要的选项和隐藏所选的选项，用户只看到一个值在选择字段

$.prototype.makeReadOnly = function (canClick = false) {
    $(this).each(function () {
        $(this).readonly = true;
        if ($(this).is("select")) {
            if(!canClick) $(this).mousedown(function () { event.preventDefault(); }).keydown(function () { event.preventDefault(); });
            $(this).find('option:not(:selected)').remove();
            $(this).find('option').hide();
        }
    });
}

然后你可以让所有的选择都是只读的

$("select").makeReadOnly();

或者只选择特定的只读类

$("select.read-only").makeReadOnly();

下面是一个类似jQuery插件的简单函数。

    $.fn.selectOption = function(val){
        this.val(val)
        .find('option')
        .removeAttr('selected')
        .parent()
        .find('option[value="'+ val +'"]')
        .attr('selected', 'selected')
        .parent()
        .trigger('change');

        return this;
    };

你可以简单地做这样的事情:

$('.id_100').selectOption('val2');

使用这个的原因是因为您将所选语句更改为跨浏览器支持的DOM，也会触发更改，以便您可以捕获它。

它基本上是一种人类动作模拟。

没有任何理由去想太多。您所要做的就是访问和设置一个属性。就是这样。

好的，一些基本的DOM:

如果你在JavaScript中直接这样做，你会这样做:

window.document.getElementById('my_stuff').selectedIndex = 4;

但你不是用JavaScript，而是用jQuery。在jQuery中，你想要使用.prop()函数来设置属性，所以你会这样做:

$("#my_stuff").prop('selectedIndex', 4);

不管怎样，只要确保你的id是唯一的。否则，你会用头撞墙，想知道为什么这行不通。

选择值后使用change()事件。从文档中可以看到:

如果字段在内容没有改变的情况下失去焦点，则不会触发事件。要手动触发事件，请应用不带参数的.change():

$("#select_id").val("val2").change();

更多信息请参见.change()。

.attr()有时在旧版本的jQuery中不起作用，但你可以使用.prop():

$('select#ddlCountry option').each(function () {
    if ($(this).text().toLowerCase() == co.toLowerCase()) {
        $(this).prop('selected','selected');
        return;
    }
});

我认为最简单的方法是选择设置val()，但你可以检查以下。查看如何处理选择和选项标签在jQuery?有关选项的详细信息。

$('div.id_100  option[value="val2"]').prop("selected", true);

$('id_100').val('val2');

没有优化，但下面的逻辑在某些情况下也很有用。

$('.id_100 option').each(function() {
    if($(this).val() == 'val2') {
        $(this).prop("selected", true);
    }
});