javascript - update existing option in select list -

-

let's have select list 3 options inside:

<select>      <option>1</option>       <option>2</option>       <option>3</option> </select>

now, want update 1 of these options, create textfield & button. option appear inside textfield everytime press on 1 of options @ select list. can direct me need do?

thanks

adding first example had morning jsfiddle

html:

<select id='myselect'>    <option value='1'>1</option>    <option value='2'>2</option>    <option value='3'>3</option> </select> <input type='text' value='1' name='mytext' id='mytext' /> <button value='add' id='addbtn' name='addbtn'>add</button> <button value='edit' id='editbtn' name='editbtn'>edit</button> <button value='delete' id='deletebtn' name='deletebtn'>delete</button>

javascript:

var myselect = document.getelementbyid('myselect');  function createoption() {     var currenttext = document.getelementbyid('mytext').value;     var objoption = document.createelement("option");     objoption.text = currenttext;     objoption.value = currenttext;      //myselect.add(objoption);     myselect.options.add(objoption); }  function editoption() {     myselect.options[myselect.selectedindex].text = document.getelementbyid('mytext').value;     myselect.options[myselect.selectedindex].value = document.getelementbyid('mytext').value; }  function deleteoption() {     myselect.options[myselect.selectedindex] = null;     if (myselect.options.length == 0) document.getelementbyid('mytext').value = '';     else document.getelementbyid('mytext').value = myselect.options[myselect.selectedindex].text; }  document.getelementbyid('addbtn').onclick = createoption; document.getelementbyid('editbtn').onclick = editoption; document.getelementbyid('deletebtn').onclick = deleteoption;  myselect.onchange = function() {     document.getelementbyid('mytext').value = myselect.value; }

basically added edit field when clicked it'll edit value , text of selected option, , when select new option it'll propogate textfield selected option can edit it. additionally, added delete function since figure might need in future.


Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more