通过 javascript 函数选择 Chosen 选项

Question

我一直在尝试实施 How do you select a particular option in a SELECT element in jQuery? 中提出的解决方案，但无济于事。要么将 Chosen 添加到组合中会使解决方案无效，要么我犯了一些编码错误，超出了我的编译器和我的发现范围。

我的html:

<select name="superType" class="chosen-select chosen-select-creation-allowed" id="superType" style="width: 300px; display: none;" onchange="loadInheritance()" multiple="">
  <option style="padding-left:20px;" value=""></option><option style="padding-left:0px" value="28">concept</option>
  <option style="padding-left:20px" value="30">human</option>
</select>

当我在此之后放置以下内容时，我希望其中之一将添加到 'selected' 属性上方的 value="30" 选项：

      //$('#superType option[value="30"]').prop('selected', true);
        $('#superType option[value="30"]').attr('selected', 'selected');
        $('.chosen-select').trigger("chosen:updated");

相反，根据 DOM 模型检查器和视觉呈现，没有任何反应。

我想要的是在函数内部进行此选择，但是当我尝试构建对上述选项的引用时，出现错误：

Syntax error, unrecognized expression: '#superType option[value="30"]'

这是 javascript 生成的（'cid' 上的过程）：

            //now go back through and select the ones this CommonNoun already had from before
            $.ajax({
                url: '/BackToTech/server?function=getExistingSuperTypes',
                type: 'POST',
                success: function (response){
    //              var target = $("#superType");           
                    var target = "#superType";          
                    selectOptions(response, target, 0);
                    $('.chosen-select').trigger("chosen:updated");
                }
            });

...

function selectOptions(obj, target) {
    var concepts = obj; 
    $.each(concepts, function(concept, value) {  
        alert(concept, value);
        if (concept == "cid") {
            optionValue = obj[concept].oid;
            $("'" + target + " option[value=\"" + optionValue + "\"]'").attr('selected', 'selected');
        } else { 
            selectOptions(value, target);
        }
    });
}

Answer 1

您不需要 css 选择器周围的单引号。

$(`${target} option[value="${optionValue}"]`).attr('selected', 'selected');

通过 javascript 函数选择 Chosen 选项

Selecting Chosen options through javascript functions

javascript

jquery

dom

jquery-chosen