I am using setAttribue as below. Its working only for first time and after that the changing value is showing the alert but not setting with document.getElementById("to").setAttribute("value", selValue);

document.getElementById("listcontact").onchange = function () {
    var selIndex = document.getElementById("listcontact").selectedIndex;
    var selValue = document.getElementById("listcontact").options[selIndex].innerHTML;
    var contactVal = selValue.split(';');      
    var phone = contactVal[2];  

    alert(phone);
    document.getElementById("to").setAttribute("value", selValue);
    selIndex = "";
    selValue = "";
    phone = "";
    selValue = "";
};

Why is this not working as I expect and how can I fix it?

I am using setAttribue as below. Its working only for first time and after that the changing value is showing the alert but not setting with document.getElementById("to").setAttribute("value", selValue);

document.getElementById("listcontact").onchange = function () {
    var selIndex = document.getElementById("listcontact").selectedIndex;
    var selValue = document.getElementById("listcontact").options[selIndex].innerHTML;
    var contactVal = selValue.split(';');      
    var phone = contactVal[2];  

    alert(phone);
    document.getElementById("to").setAttribute("value", selValue);
    selIndex = "";
    selValue = "";
    phone = "";
    selValue = "";
};

Why is this not working as I expect and how can I fix it?

• javascript
• html

Share Improve this question Follow edited Jul 1, 2013 at 14:54 Paul S. 66.4k99 gold badges128128 silver badges143143 bronze badges asked Jul 1, 2013 at 14:34 java guyjava guy 3911 silver badge44 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

The value attribute sets the initial value, not the current value.

Assign something to the value property instead.

document.getElementById("to").value = selValue;

You can use like this:

document.getElementById("to").value = selValue;