选择的js有问题

Question

我正在使用 chosen js 库：

<select class="chosen-select" name="country" id="country"  onchange="setCountry('client');">
   ...
</select>

然后我需要更改此 select 元素：

$("#country").append('<option value="'+ countryid +'">' + countryname  + '</option>');

但是它不适用于这个库，没有它也能工作。我该如何解决？谢谢！

Answer 1

通过使用以下代码，您可以实现您的目标。

var currentelement = document.querySelector('#country');
        var newOptionElement = document.createElement("option");
        newOptionElement.text = "Test";
        currentelement.add(newOptionElement);
        var newOptionElement = document.createElement("option");
        newOptionElement.text = "Test1";
        currentelement.add(newOptionElement);
        var newOptionElement = document.createElement("option");
        newOptionElement.text = "Test2";
        currentelement.add(newOptionElement);

<select class="chosen-select" name="country" id="country">
    </select>

    var currentelement = document.querySelector('#country');
    var newOptionElement = document.createElement("option");
    newOptionElement.text = "Test";
    currentelement.add(newOptionElement);

Answer 2

$("#form_field").trigger("chosen:updated");

编辑元素后我必须使用此代码并且它有效

选择的js有问题

Trouble with chosen js

javascript

jquery-chosen