Faire un & logique entre deux sélecteurs dans un querySelectorAll

Bonjour,
Je voudrais sélectionner toutes les balises input qui n'aient pas l'attribut readonly ni l'attribut type="submit".
J'ai essayé ces deux variantes qui ne fonctionnent pas:

Code:

---

1 2	others = document.querySelectorAll('input:not([readonly])' && 'input:not([type="submit"])'); others = document.querySelectorAll('input:not([readonly], input:not([type="submit"])');

---

La première inclut le readonly, la seconde provoque une erreur de syntaxe.

salut

j'ai pas de réponse mais le plus simple pour moi et de faire en deux temps.
d'abord marquer avec une classe ceux que tu ne veux pas en les selectionnant

puis prendre ceux qui n'ont pas la classe ...

Code:

---

1 2	document.querySelectorAll('input[type="readonly"][type="submit"]').classList ='noway'; document.querySelectorAll('input:not([class="noway"])');

---

quelqu'un de plus doué aura sans doute une meilleure solution.

est ce que ceci fonctionne? mon firefox accepte la syntaxe!

Code:

---

document.querySelectorAll('input:not([type="submit"]):not([type="readonly"])')

---

Citation:

---

Envoyé par gene69

est ce que ceci fonctionne? mon firefox accepte la syntaxe! document.querySelectorAll('input:not([type="submit"]):not([type="readonly"])')

---

:king: Fonctionne sur Chrome, Firefox et Edge.

Code:

---

1 2 3 4 5

const elemOthers = Array.from( document.querySelectorAll( "input:not( [readonly] ):not( [type='submit'] )" ) );   for (const other of elemOthers ){ console.log( other.value ); }

---

Merci pour vos suggestions. Celles-ci ne fonctionnent pas ou mal sur IE11. La solution donnée sur https://www.developpez.net/forums/d1...not-selecteur/ est

Code:

---

input:not([readonly]):not([type="submit"])

---

Merci Jreaux62!

et non pas comme indiqué ici.

Code:

---

input:not([type="readonly"]):not([type="submit"])

---

Citation:

---

Envoyé par moimp

La solution donnée sur https://www.developpez.net/forums/d1...not-selecteur/ est

Code:

---

input:not([readonly]):not([type="submit"])

---

---

:mouarf: J'ai écrit la même chose : "input:not( [readonly] ):not( [type='submit'] )".

C'est exact, il s'agissait du #3.