Trouble with chosen js

Question

I'm using chosen js lib:

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

Then i need change this select element:

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

But it doesn't work with this lib and works without. How i can fix it? Thanks!

Possible duplicate of [Adding options to a – Jonathan Gagne Oct 07 '18 at 17:38 — Jonathan Gagne, Oct 07 '18 at 17:38

score 1 · Answer 1 · answered Oct 07 '18 at 17:44

By using the below code you can attain your goal.

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);

You can use jQuery like this approach `$("#country").append(new Option("option text", "value"));` — Prasanna Brabourame, Oct 08 '18 at 02:14

score 0 · Accepted Answer · answered Oct 08 '18 at 10:21

0

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

After editing element i must to use this code and it works

answered Oct 08 '18 at 10:21

Larry Edison

89
9

Trouble with chosen js

2 Answers2