Comment activer ou désactiver une balise select en html à l'aide de jQuery?

Comment activer ou désactiver une balise select, après la sélection d'une option à partir de la première balise select en jQuery, mais la version actuelle ne fonctionne pas.

$("select[name='selectALPHA']").change(function () {
    if ($("select[name='selectBRAVO'"].attr('enabled') == false {
      $("select[name='selectBRAVO']").attr('enabled', 'true');
    }
    else
    {
      $("select[name='selectBRAVO']").attr('enabled', 'false');
    }
});

InformationsquelleAutor RetroCoder | 2011-07-27

1

Je ne suis pas très sûr de ce que vous essayez d'atteindre d'ici, mais je pense que cela peut vous aider :
```
$("select[name='select1']").change(function () {
    var jSelect2=$("select[name='select2']");

    if($(this).val()){
       jSelect2.removeAttr('disabled');
    }else{
       jSelect2.attr('disabled', 'disabled');
    }

});
```
Voir exemple ici : JSFiddle
- Je suis la sélection de l'année dans la première balise select, la première option est vide. Si sa tourne à vide encore, je tiens à le désactiver sinon l'activer.
- J'ai mis à jour la réponse et le violon pour refléter ce que vous voulez faire.
- le if/else pourrait être remplacé entièrement avec jSelect2.attr('disabled', !$(this).val() );
InformationsquelleAutor Pierre Henry
4

.attr() attend une valeur booléenne.
```
$("select[name='selectBRAVO']").attr('disabled', false);
```
Le code contient des erreurs de syntaxe. Correctifs:
```
var $bravo = $("select[name='selectBRAVO']");

$("select[name='selectALPHA']").change(function () {
    $bravo.attr('enabled', !$bravo.attr('enabled'));
});
```
- Comme un exemple pour jQuery site $("button:gt(1)").attr("disabled","disabled"); api.jquery.com/attr/#attr2
- Hein. Je ne sais pas qui a travaillé, et il n'est pas clair sur la api page.
- attr() est essentiellement utilisée pour modifier la valeur d'un élément de l'attribut. @Greg trouver $("button:gt(1)").attr("disabled","disabled"); sur la page. Comme je l'ai dit, c'est un exemple.
- J'ai été réellement en commentant @Matt d'un Ballon de réponse, que je ne savais pas que .attr('disabled', 'disabled') était la même que .attr('disabled', true). Celui-ci ne semblent plus sémantique.
- a causé beaucoup de la confusion. Le meilleur choix avec les nouvelles versions de jQuery .prop().
- il "travaille", car la chaîne "désactivé" (ou toute chaîne non vide) type convertit à true, de sorte que les personnes handicapées attribut est défini sur true, la désactivation du contrôle. Vous pouvez modifier la valeur "faux" (ou toute chaîne non vide) et le bouton sera toujours désactivé.
InformationsquelleAutor Matt Ball
2

Vous semblez vouloir basculer la valeur, dans la plaine de js:
```
var select = document.getElementsByName('selectBRAVO')[0];
select.disabled = !select.disabled;
```
Je suis sûr que vous pouvez comprendre l'jQuery équivalent.

Modifier

Voici un différent à Matt est basé sur Reid suggestion:
```
var select = $("select[name='selectBRAVO']")[0];
select.disabled = !select.disabled;
```
Le vieux jQuery attr méthode mixte du code HTML attributs et des propriétés DOM plutôt mal. Dans la nouvelle version, attr ne traite qu'avec des attributs HTML, ce qui est mieux. Cependant, dans la grande majorité des cas, ce que les programmeurs veulent vraiment est la propriété DOM. Qui peut être directement accessible, il n'est pas nécessaire d'appeler attr ou getAttribute. Direct l'accès à la propriété est (très) rapide, moins le type et la plus facile à lire.
- Juste pour l'achèvement de souci, vous pouvez extraire l'élément DOM à partir d'un élément avec jQuery soit .get ou en utilisant la notation de tableau. Exemples: $('a:first').get(0) ou $('a:first')[0].
- Ouais, je sais, mais Matt a un jQuery réponse. Je déteste le attr méthode, il devrait être évité, même dans sa nouvelle forme de mises à jour. Je vais mettre à jour la réponse.
InformationsquelleAutor RobG

Nous savons tous que sélectionner l'élément a un attribut de disabled:

<select disabled="disabled">
</select>

Et de manipuler la valeur d'un attribut à l'aide de jQuery, Comme un exemple sur http://api.jquery.com/attr/#attr2:

$("button:gt(1)").attr("disabled","disabled");

Vous pouvez faire de même pour sélectionner l'élément:

$("select[name='selectALPHA']").change(function () {
    if ($("select[name='selectBRAVO'"].attr('disabled') == 'disabled'{
      $("select[name='selectBRAVO']").removeAttr('disabled');
    }
    else
    {
      $("select[name='selectBRAVO']").attr('disabled', 'disabled');
    }
});

InformationsquelleAutor dpp

Vous devez vous connecter pour publier un commentaire.

Modifier