Reputation: 81
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: 3753
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