sélectionnez & lt; sélectionnez & gt; article par valeur

j'ai 

<select id="x">
    <option value="5">hi</option>
    <option value="7">hi 2</option>
</select>

Je veux une fonction javascript qui me permet de sélectionner et d'afficher les <option> en tant que par défaut par id. En d'autres termes, je veux faire un setOption(5) et la <option> avec la valeur "5" pour être affiché dans la zone de liste déroulante en tant que par défaut .

Est-ce possible?

source d'informationauteur Ronan Dejhero | 2010-12-01

  1. 17

    Si vous le pouvez, avec ES6...

    function setOption(selectElement, value) {
    return [...selectElement.options].some((option, index) => {
        if (option.value == value) {
            selectElement.selectedIndex = index;
            return true;
        }
    });
}

    ...sinon...

    function setOption(selectElement, value) {
    var options = selectElement.options;
    for (var i = 0, optionsLength = options.length; i < optionsLength; i++) {
        if (options[i].value == value) {
            selectElement.selectedIndex = i;
            return true;
        }
    }
    return false;
}

setOption(document.getElementById('my-select'), 'b');

    Le voir!

    Si elle renvoie falsela valeur n'a pu être trouvé 🙂

  2. 3

    Consulter cet article pour de la Sélection déroulante élément. Ils ont expliqué de plusieurs façons à l'aide de JavaScript, Jquery.

    À L'Aide De Javascript:

    document.getElementById('drpSelectSourceLibrary').value = 'Seven';
  3. 1

    Si vous utilisez jQuery (1.6 ou supérieure)

    $('#x option[value="5"]').prop('selected', true)
  4. 1

    Si quelqu'un à la recherche de jquery solution, utiliser le val() fonction.

    $("#select").val(valueToBeSelected);

    En Javascript, 

    document.getElementById("select").value = valueToBeSelected;
  5. -2

    Vous ne devriez pas besoin de javascript pour participer, utilisez simplement le selected attribut:

    <select id="x">
  <option value="5" selected>hi</option>
  <option value="7">hi 2</option>
</select>