<html> <head> <mce:script type = "text/javascript"><!-- function changetext() { var x = document.getElementById("list"); for (var i = 0;i < x.length;i++ ) { if (x.options[i].selected) { document.getElementById("text").value = x.options[i].text; break; } } } function changelist() { var x = document.getElementById("list"); for (var i = 0;i <x.length ;i++) { if (document.getElementById("text").value == x.options[i].text) { x.options[i].selected =true; } } } // --></mce:script> </head> <body> <input type = "text" id = "text" > <input type = "button" value = "changelist" onclick = "changelist();"> <select id = "list" οnchange= changetext();> <option >1</option> <option >2</option> <option >3</option> <option >4</option> <option >5</option> <option >6</option> <option >7</option> <option >8</option> <option >9</option> <option >10</option> </select> </body> </html>