asked on 4/9/2020

Display values select

Good morning all !

I can't find a way to hide a value from a select except in this way:

SEL_Paiement.options[1].style.display = "block";
SEL_Paiement.options[2].style.display = "none";
SEL_Paiement.options[3].style.display = "block";
SEL_Paiement.options[4].style.display = "block";
SEL_Paiement.options[5].style.display = "block";
SEL_Paiement.options[6].style.display = "block";
SEL_Paiement.options[7].style.display = "block";

Open in new window

I wish I could do the same thing but with values and not options[1], like (I say a big mistake):

SEL_Paiement.value = "Hello".style.display = "block";

Open in new window

Can you help me please ?

cordially

JavaScript

Last Comment

Michel Plungjan

4/9/2020

ASKER CERTIFIED SOLUTION

Jaber Ahmad

4/9/2020

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Michel Plungjan

4/9/2020

You cannot reliably hide options. You can remove them

Some browsers will allow

SEL_Paiement.options[1].setAttribute('disabled', true);

Open in new window

and then have

select option[disabled] { display: none; }

Open in new window

in css

but the most cross browser safe version is to remove them and add them when needed:

window.addEventListener("load",function() {
  const allOpts = document.querySelectorAll("#SEL_Paiement options");
  document.getElementById("reset").addEventListener("click",function() {
    document.getElementById("SEL_Paiement").innerHTML=allOpts; 
  });
});

Open in new window

JavaScript

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.

127K

Questions

Followers

Top Experts

Get a personalized solution from industry experts

Ask the experts

"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23
"Your help has saved me hundreds of hours of internet surfing."
@fblack61
"Just a dang good service!"
@golferski
"Worth every penny."
Steve Hougom
"It’s been a life saver."
Maria Halt
"Best support site I’ve seen!"
Bob Schneider
"I would be lost without them."
@fblack61
"Saved my job multiple times."
Walt Forbes
"I love this site."
Maria Duwe
"Friendly respectful help."
Andrew Kowtalo
"Such top-notch experts."
@magento
"The best money I have ever spent."
@rwheeler23
"Beyond any comprehensible value"
George Morris
"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23

Read over 600 more reviews

TRUSTED BY