Change the properties of a single text part of a "select"...

See more:

Javascript

Hi, I have this line of javascript code inserted in a function...
..

select.options.add(new Option("Standard Floor Base (Base a pavimento Standard)", "SFB"));

..

With this other line of code I access the properties of the "select"....
..

select.classList.add("selectBlock");

..
In the .css...
..

.selectBlock{
  font-size: 12px;
  width: 290px;
  height: 20px;
  margin-left: 15px;
}

..

Through a file . css recall the "class" "selectBlock" and change some properties inserted in the "select"...

"Standard Floor Base (Base a pavimento Standard)"

..
I wish I could change only the first part of the text inserted in the "select", exactly this text..

"Standard Floor Base"

..
Is it possible ?... thanks for the help...

What I have tried:

Quote:

Hi, I have this line of javascript code inserted in a function...
..

select.options.add(new Option("Standard Floor Base (Base a pavimento Standard)", "SFB"));

..

With this other line of code I access the properties of the "select"....
..

select.classList.add("selectBlock");

..
In the .css...
..

.selectBlock{
  font-size: 12px;
  width: 290px;
  height: 20px;
  margin-left: 15px;
}

..

Through a file . css recall the "class" "selectBlock" and change some properties inserted in the "select"...

"Standard Floor Base (Base a pavimento Standard)"

..
I wish I could change only the first part of the text inserted in the "select", exactly this text..

"Standard Floor Base"

..
Is it possible ?... thanks for the help...