javascript - Is selected option selected if attribute is in DOM or not -


to create dual listbox bootstraps needed remove default gray color of selected option. way remove gray color change selected state of element false. no other trick worked remove gray background color of selected option.

now if so, attribute selected still remains in dom seems false. thought if have element like:

<option value="1" selected>1: lorem ipsum</option>

if selected there means option selected true same as:

<option value="1" selected="selected">1: lorem ipsum</option>

or

<option value="1" selected="true">1: lorem ipsum</option>

but seems not so. shed light on me?

i've created fiddle https://jsfiddle.net/npm6tn0m/ trying demonstrate scenario. css

option[selected] {    background-color: orange; }

only works selected option set false still has selected attribute in dom. cause may vary across different browsers here image see in osx chrome browser:

enter image description here

all code in fiddle here on so:

var elements = document.queryselectorall('.special option');  for(var i=0; < elements.length; i++) {      elements[i].selected = false;  }    settimeout(function(){    var elements = document.queryselectorall('option');  	for(var i=0; < elements.length; i++) {       console.log('value = ' + elements[i].value + ' selected: '+ elements[i].selected);  	}  }, 1000);
option[selected] {     background-color: orange;  }
<select class="special" multiple>    <option value="1" selected>1: lorem ipsum</option>    <option value="2"  >2: dolor sit amet</option>  </select>    <select multiple>    <option value="3"  selected>3: lorem ipsum</option>    <option value="4"  >4: dolor sit amet</option>  </select>

i thought if have element like:

<option value="1" selected>1: lorem ipsum</option>

if selected there means option selected true same as:

<option value="1" selected="selected">1: lorem ipsum</option>

...

but seems not so. shed light on me?

you're correct how boolean attributes work, not selected boolean attribute represents. :-)

the selected attribute represents default selected state, not current selected state. it's input's value attribute in way; default (used in case of form reset, instance), not current value.

just current value of inputis not represented in dom, current value of option's selectedness not represented in dom.


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl...
Read more

Laravel mail error `Swift_TransportException in StreamBuffer.php line 269: Connection could not be established with host smtp.gmail.com [ #0]` -

i developing website contact-us page guest users can send me email using gmail . anytime try send mail using contact-us form, error swift_transportexception in streambuffer.php line 269: connection not established host smtp.gmail.com [ #0] this mail.php return [ 'driver' => env('mail_driver', 'smtp'), 'host' => env('mail_host', 'smtp.gmail.com'), 'port' => 587, 'from' => ['address' => '', 'name' => ''], 'encryption' => env('mail_encryption', 'tls'), 'username' => env('mail_username'), 'password' => env(mail_password), 'sendmail' => '/usr/sbin/sendmail -bs', 'pretend' => env('mail_pretend', false), ]; this .env mail_driver=smtp mail_host=smtp.gmail.com mail_port=587 mail_username=afecjaped@gmail.com mail_password=********...
Read more

c# SetCompatibleTextRenderingDefault must be called before the first -

i tried search exception couldn't find solution on case i'am using code below invoke .net application : assembly assem = assembly.load(data); methodinfo method = assem.entrypoint; var o = activator.createinstance(method.declaringtype); method.invoke(o, null); the application invoked has form , in entrypoint of application : [stathread] static void main() { application.enablevisualstyles(); application.setcompatibletextrenderingdefault(false); //exception application.run(new form1()); } setcompatibletextrenderingdefault must called before first iwin32window object created in application. edit : assembly = assembly.load(data); methodinfo method = a.gettype().getmethod("start"); var o = activator.createinstance(method.declaringtype); method.invoke(o, null); you should create new method skips initialization...
Read more