kalpesh patil
kalpesh patil

Reputation: 81

Change input text to select options & vice versa

I have two buttons. On first buttons click, I needs to change input text type to select box & on second buttons click, change the select box to input text type through Javascript. Thanks.

Upvotes: 2

Views: 3755

Answers (1)

kalpesh patil
kalpesh patil

Reputation: 81

Thanks a lot @JoshMein, @Bergi, @Rocket for your time & suggestions. It helped me a lot. I also tried in diff way as follow.


function changeToText() {
  var obj = document.getElementById('disease1CurrentObject');
  document.getElementById('divDisease1Current').removeChild(document.getElementById(obj));
  var element = document.createElement('input');
  element.setAttribute('type', 'text');
  element.setAttribute('value', 'myVal');
  element.setAttribute('id', 'myId');
  document.getElementById('divDisease1Current').appendChild(element); 
}
function changeToSelect() {
  var obj = document.getElementById('disease1CurrentObject');
  document.getElementById('divDisease1Current').removeChild(obj));
  var element = document.createElement('select');
  element.setAttribute('type', 'text');
  element.setAttribute('value', 'myVal');
  element.setAttribute('id', 'myId');
  document.getElementById('divDisease1Current').appendChild(element);
}

& 1 more, setAttribute() is not supported by IE version less than 8 or 8.

Upvotes: 5

Related Questions