所选js出现问题

Question

我正在使用chosen js lib：

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

在编辑元素之后，我必须使用此代码，它才能起作用