Замена input на select
Есть поле, оно его изменить нельзя:
<input type="text" size="35" name="other1" style="width:100%" value=""> Идентификация поля только по name="other1". И есть select: Изменять его можно. <select id="menu_select" onchange='bgfixed(true);' size="1"> <option value="0">bla bla bla</option> <option value="1">bla bla bla 1</option> </select> Как сделать, что бы вместо input, был этот select, поле было сразу заменено? Или значение select (val) присваивалось input, с помщью идентификатора "name", а input спрятать та и все. Пробовал по id работает а по name - нет.. :blink: |
Цитата:
|
Цитата:
Еще есть такой же вопрос но по другому: <input id="fr31" type="radio" name="f3" value="1"> <label for="fr31"><img ++ синий</label> <br /> <input id="fr32" type="radio" name="f3" value="2"> <label for="fr32"><img ++ черный</label> <br /> Имеется такое же поле input, как сделать что бы: <img ++> копировалось в input? |
dima_riabets,
непонимаю вас |
Дай селекту такое же имя - думаю это решит твою проблему.
|
Цитата:
<input id="fr31" type="radio" name="f3" value="1"> <label for="fr31"><img src=""> синий</label> <br /> <input id="fr32" type="radio" name="f3" value="2"> <label for="fr32"><img src=""> черный</label> <br /> Нужно что бы при выборе label копировался нужный <img src=""> в input как текст |
Цитата:
<html>
<head>
</head>
<body>
<input id="fr31" type="radio" name="f3" value="1"><label for="fr31"><img src="foo"> синий</label>
<br />
<input id="fr32" type="radio" name="f3" value="2"><label for="fr32"><img src="bar"> черный</label>
<br />
<script>
inputs=document.getElementsByName("f3")
f=function(){this.value=this.nextSibling.firstChild.src}
;[].forEach.call(inputs, function(el){el.onchange=f})
</script>
</body>
</html>
только уберите пробелы между input и label |
dima_riabets,
:-?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<input type="text" size="35" name="other1" style="width:100%" value="">
<input id="fr31" type="radio" name="f3" value="1">
<label for="fr31"><img src=""> синий</label>
<br />
<input id="fr32" type="radio" name="f3" value="2">
<label for="fr32"><img src=""> черный</label>
<br />
<script>
var fr = document.querySelectorAll('[name="f3"]'),
input = document.querySelector('[name="other1"]'),
base = {
1: '<img src="синий">',
2: '<img src="чёрный">'
};
[].forEach.call(fr, function(self) {
self.onchange = function() {
this.checked && (input.value = base[this.value])
}
});
</script>
</body>
</html>
|
Цитата:
<html>
<head>
</head>
<body>
<input id="fr31" type="radio" name="f3" value="1"><label for="fr31"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"> синий</label>
<br />
<input id="fr32" type="radio" name="f3" value="2"><label for="fr32"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"> черный</label>
<br />
<script>
inputs=document.getElementsByName("f3")
f=function(){
var src=this.nextSibling.firstChild.src
var el =this.nextSibling
this.outerHTML="<img src='"+src+"'>"
el.outerHTML=""
}
;[].forEach.call(inputs, function(el){el.onchange=f})
</script>
</body>
</html>
имелось в виду. |
| Часовой пояс GMT +3, время: 15:30. |