Сообщение от fatory
|
Есть input со значением и рядом ссылка "изменить"
нужно при нажатии на ссылку заменить input списком select
где после выбора пункта из списка сново появляется input но уже
со значением выбранным из списка.
Возможно есть решение на js или на jquery.
Знаний js практически нет.
Может кто поможет или по советует как можно сделать.
|
<html>
<head>
<title></title>
<script>
function change() {
var inp = document.getElementById("inp");
if (inp) {
//document.removeChild(inp);
var sel = document.createElement("select");
sel.onchange = function() { change_el(this.options[this.options.selectedIndex].value) };
sel.setAttribute("id", "sel");
var mas = [1,2,3,4,5,6], opt;
for (i=0; i<mas.length; i++) {
opt = document.createElement("option");
opt.setAttribute("value", "opt"+i);
opt.appendChild(document.createTextNode(i));
sel.appendChild(opt);
}
inp.parentNode.replaceChild(sel, inp);
}
}
function change_el(val) {
var sel = document.getElementById("sel");
if (sel) {
var txt = document.createElement("input");
txt.setAttribute("type", "text");
txt.setAttribute("id", "txt");
txt.setAttribute("value", val)
sel.parentNode.replaceChild(txt, sel);
}
}
</script>
</head>
<body>
<input type="text" id="inp"><a href="javascript:change();">Заменить</a>
</body>
</html>