Comment autoselect option en fonction de saisie de la valeur

J'ai besoin de sélectionner l'option sélectionnée sur le document prêt en fonction d'une entrée de valeur.

Exemple:

<select id="mySelect">
<option value="1">myVal1</option>
<option value="2">myVal2</option>
</select>

<input type="text" id="myId" value="2">

Par exemple, nous avons obtenu une valeur prédéfinie '2' de l'entrée au chargement de la page. J'ai besoin de sélectionner une boîte-être auto-sélectionné avec l'option ayant la même valeur que l'entrée 'monid'. Je veux dire "mayVal1" doit être sélectionnée.

Lorsque l'entrée n'a pas de valeur sélectionnez doit se comporter en tant que par défaut.

Merci!

Êtes-vous à l'aide de tout framework javascript? Ou vous êtes en train de regarder comment faire cela en utilisant un javascript
Désolé j'ai oublié de dire que je suis en utilisant jquery

InformationsquelleAutor Igor Yakushchenko | 2010-12-04

5

Votre mention de "sur le document prêt" sorte d'suggère que vous pourriez être à l'aide de jQuery, avec cette hypothèse (quoique peut-être à tort), je vous propose ceci:
```
$(document).ready(
    function(){
        var theValue = $('#myId').val();
        $('option[value=' + theValue + ']')
            .attr('selected',true);
    });
```
Avec une démo à la JS Fiddle.

Édité en réponse à des OP question:

Comment puis-je comparer option valeur du premier mot dans l'entrée de la valeur? Je veux dire si j'ai de la valeur de l'option "bonjour" et de la valeur d'entrée 'bonjour le monde' script devez sélectionner l'option contenant 'bonjour' dans sa valeur.

Droit, compte tenu de la disparité entre votre posté exemple, et votre question, je vais essayer de répondre à la fois des possibilités.

Tout d'abord, pour sélectionner un option basé sur son texte composant (dans votre code ci-dessus, le "myVal1','myVal2" bits):
```
$(document).ready(
    function() {
        $('form:eq(0)').submit(
            function() {
                var theValue = $('#myId').val().split(" ",1);
                $('option:contains(' + theValue + ')').attr('selected', true);
                return false;
            });
    });
```
JS Fiddle démo: notez que le texte de la composante de la option élément ne pas représentent la valeur de la option élément.

Deuxièmement, si vous voulez le lien de la première partie de la valeur entrée dans le myId l'élément d'entrée de la valeur de la select/option élément(s):
```
$(document).ready(
    function() {
        $('form:eq(0)').submit(
            function() {
                var theValue = $('#myId').val().split(" ",1);
                $('option[value=' + theValue + ']').attr('selected', true);
                return false;
            });
    });
```
JS Fiddle démo.

Ces démos pourrait travailler avec keyup(), ou l'équivalent en actions/événements, mais submit() semblait le meilleur choix.
- c'est exactement ce que je cherchais. 10x beaucoup
- comment pouvez-vous faire un échantillon aussi si vite???
- c'est juste un truc... =) et Que, je pense, à cause de l'équilibrage de charge de l'aspect de la SORTE set-up. Donc, nous ne voyons pas tous les mêmes questions au même moment; je vais peut-être ai pris cette question à deux minutes devant vous.
- encore une question, s'il vous plaît. Comment puis-je comparer option valeur du premier mot dans l'entrée de la valeur? Je veux dire si j'ai de la valeur de l'option "bonjour" et de la valeur d'entrée 'bonjour le monde' script devez sélectionner l'option contenant 'bonjour' dans la valeur. Merci!
InformationsquelleAutor David Thomas
1

en vanilla JS:
```
var listener = function(ev){
var input = document.getElementById('myId');
for(var i = 0, elems = document.getElementById('mySelect'), l = elems.length; i < l; i++)
    elems[i].selected = elems[i].value == input.value;    
}
listener();
document.getElementById('myId').addEventListener('change', listener, false);
```
avec jQuery:
```
$(function(){
    $('#myId').change(function(){
       $('#mySelect option').removeAttr('selected').filter('[value=' + $(this).val() + ']').attr('selected', true);
    }).change()
})
```
- pourquoi devons-nous changer ??? la zone de texte est alread renseigné sur la charge , tout ce que vous devez faire est de lire que le définir...
- mise à jour du code. Je pense que c'est une bonne idée de le lancer sur changer, non?
- sera le code ci-dessus définit la zone de sélection de la charge???si donc c'est bien.il prend soin de les deux scénarios utilisateur de modifier la zone de texte valeur plus tard
- oui, aussi longtemps que vous entrez le code dans une fenêtre.onload de la fonction. Êtes-vous à l'aide de jQuery ou non, par le chemin?
InformationsquelleAutor Horia Dragomir

quelque chose comme ci-dessous devraient travailler///

<select>
    <option value="0">One</option>
    <option value="1">Two</option>
</select>

$(document).ready(
    var inputValue = $('#id').val();
    $('select').val('1'); //selects "Two"
    $('select').val(inputValue); //also selects "Two"

});

si vous exerciseur sélectionnez les boîtes de donner une id <select id="selectBox">

InformationsquelleAutor kobe

Vous devez vous connecter pour publier un commentaire.