Jump to content
  • 0

Select HELP!


Dimentiy77
 Share

Question

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

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

Есть :

<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 by Dimentiy77
Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

<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';}">

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

Link to comment
Share on other sites

  • 0

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

<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>

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

Link to comment
Share on other sites

  • 0
Можно попробовать так:
<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 by slavok47
Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

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

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

<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>

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy