我需要选择一个选项，但两个选项可能具有相同的值。 这纯粹是为了视觉(前端)的差异。 你可以选择一个选项(即使两个值相同)，如下所示:

let options = $('#id_100 option')
options.prop('selected', false)   // Deselect all currently selected ones
let option = $(options[0])        // Select option from the list
option.prop('selected', true)
option.parent().change()          // Find the <select> element and call the change() event.

这将取消当前选中的所有<option>元素。选择第一个元素(使用选项[0])，并使用change事件更新<select>元素。

我已经准备了一个小的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();

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

好的，一些基本的DOM:

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

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

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

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

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

试试这个。

它简单而有效，是JavaScript + jQuery的致命组合。

SelectComponent:

<select id="YourSelectComponentID">
    <option value="0">Apple</option>
    <option value="2">Banana</option>
    <option value="3">Cat</option>
    <option value="4">Dolphin</option>
</select>

选择:

document.getElementById("YourSelectComponentID").value = 4;

现在您的选项4将被选中。您可以这样做，在默认情况下选择启动时的值。

$(function(){
   document.getElementById("YourSelectComponentID").value = 4;
});

或者创建一个简单的函数，将行放入其中，并在anyEvent上调用该函数来选择该选项

jQuery + JavaScript的混合物的魔力…

最好在设置select value之后使用change()。

$("div.id_100 select").val("val2").change();

通过这样做，代码将关闭更改用户的选择，解释包括在JS提琴:

JS小提琴

var opt = new Option(name, id);
$("#selectboxName").append(opt);
opt.setAttribute("selected","selected");