Select HELP!

Dimentiy77 · November 23, 2009

Просьба сильно не пинать, т.к еще совсем новичек

Необходимо, чтобы при выборе "Другой" появлялись два окна для ввода значений высоты и ширины

Есть :

<select name="select1"  onclick="selectValue(this.form)">
			<option value="90x50">90 х 50 мм</option>
			<option value="other">Другой</option>
		</select>
        <span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span>

Методом долгих поисков по отрывкам, путем мутаций кодов родил:

<script type="text/javascript">
    function selectValue(f) {
if (f.select1.value= "other") format_other_opt1.visibility = "visible"
else format_other_opt1.visibility = "hidden"
}
    </script>

Но не работает.

Тренировался пока хотябы на одном окне format_other_opt1

Заранее благодарен!

Edited November 23, 2009 by Dimentiy77

Veseloff · November 24, 2009

<select name="select1" onchange="if (this.value=='other') {document.getElementById('_format_other_child').style.display='block';} else {document.getElementById('_format_other_child').style.display='none';}">

Лучше, конечно, вынести в функцию, но общий смысл, думаю, понятен

3ABAPKA · November 24, 2009

Можно попробовать так:

<html><head>
<style>
	   span._format_other_child{
			   visibility: hidden;
	   }
</style>

<script type="text/javascript">
		  function selectValue(f) {

					  if (f== "other"){
							document.getElementById("_format_other_child").style.visibility = "visible";
					  }else{
							document.getElementById("_format_other_child").style.visibility = "hidden";
					  }
</script>
</head>
<body>

<select name="select1" onchange="selectValue(this.value)">
<option value="90x50">90 х 50 мм</option>
<option value="other">Другой</option>
</select>
<span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span></body></html>

Работоспособность не проверял

slavok47 · November 24, 2009

3ABAPKA said:

Можно попробовать так:

<html><head>
<style>
	   span._format_other_child{
			   visibility: hidden;
	   }
</style>

<script type="text/javascript">
		  function selectValue(f) {

					  if (f== "other"){
							document.getElementById("_format_other_child").style.visibility = "visible";
					  }else{
							document.getElementById("_format_other_child").style.visibility = "hidden";
					  }
</script>
</head>
<body>

<select name="select1" onchange="selectValue(this.value)">
<option value="90x50">90 х 50 мм</option>
<option value="other">Другой</option>
</select>
<span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span></body></html>

Работоспособность не проверял

Я так понял что поля

<span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span>

по умолчанию должны быть скрыты

тогда

стиль вроде бы должен быть как

<style type="text/css">
	  #_format_other_child {visibility:hidden}	  
	  </style>

или я что то не так понял?

Edited November 24, 2009 by slavok47

3ABAPKA · November 24, 2009

slavok47 said:
стиль вроде бы должен быть как
<style type="text/css">
	  #_format_other_child {visibility:hidden}	  
	  </style>
или я что то не так понял?

Да там у меня ошибка

slavok47 · November 24, 2009

3ABAPKA said:
Да там у меня ошибка

с скриптом что то тоже не то, не работает, пытаюсь понять почему :huh:

Dimentiy77 · November 24, 2009

Большое спасибо всем откликнувшимся! Второй код действительно не хочет работать. Первый работает, но "block" в данном случае не совсем подходит, т.к. смещает окрываемые поля на новую строку :huh: ((

3ABAPKA · November 24, 2009

Dimentiy77 said:
Большое спасибо всем откликнувшимся! Второй код действительно не хочет работать. Первый работает, но "block" в данном случае не совсем подходит, т.к. смещает окрываемые поля на новую строку ((

Всё-таки заставил проверять ошибки

<html><head>
<style>
	   span#_format_other_child{
			   visibility: hidden;
	   }
</style>

<script type="text/javascript">
		  function selectValue(f) {

					  if (f== "other"){
							document.getElementById("_format_other_child").style.visibility = "visible";
					  }else{
							document.getElementById("_format_other_child").style.visibility = "hidden";
					  }
}
</script>
</head>
<body>

<select name="select1" onchange="selectValue(this.value)">
<option value="90x50">90 х 50 мм</option>
<option value="other">Другой</option>
</select>
<span id="_format_other_child"> 
	<input type="text" size="10" name="format_other_opt1" class="short" /> x 
	<input type="text" size="10" name="format_other_opt2" class="short" /> мм
</span>
</body></html>

Копируй и выбирай

Всего то не хватало "}"

Dimentiy77 · November 25, 2009

Еще раз большое спасибо!

Sign In

Select HELP!

Question

Dimentiy77

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Veseloff

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

slavok47

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

slavok47

Link to comment

Share on other sites

Dimentiy77

Link to comment

Share on other sites

3ABAPKA

Link to comment

Share on other sites

Dimentiy77

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information