Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавление нового select (https://javascript.ru/forum/dom-window/30761-dobavlenie-novogo-select.html)

maratmm 14.08.2012 18:11

Добавление нового select
 
Здравствуйте, очень нужна Ваша помощь. Я воспользовался скриптом по добавлению нового selecta при выборе пункта из первого selecta. Но этот скрипт работает на value text-1 и list-1. А мне нужно в первом списке брать данные из базы и выбирать value=".$arTitle['id'].". Как можно изменить скрипт чтобы он работал.
<script>
function Go(Obj) {
var i,od,o=document.getElementById(Obj.value)
for (i=0; i<Obj.options.length; i++) {
od=document.getElementById(Obj.options[i].value)
od.style.display=(od==o)? 'inline': 'none'
}
}
</script>
<style>
#list-1 { display: none;}
#text-1 { display: none;}
</style>


$result .= "<select size='1' name='vibor' onchange='Go(this)'>";
$result .= "<option value='text-1'>Выбрать титул</option>";
foreach($queryTitle as $arTitle)
старый вариант
$result .= "<option value='"text-1"'>".$arTitle['name']."</option>";
новый вариант
$result .= "<option value='".$arTitle['id']."'>".$arTitle['name']."</option>";
$result .= "<option value='list-1'>Чемпион страны</option>";
$result .= "</select>";
$result .= "<div id='text-1'></div>";
$result .= "<div id='list-1'><select size='1'>";
$result .= "<option value='0'>Выбрать страну</option>";
foreach($queryCountry as $arCountry)
$result .= "<option value='".$arCountry['id']."'>".$arCountry['name']."</option>";
$result .= "</select></div>";

Deff 14.08.2012 19:31

Добавьте теги HTML для <select> и создайте работающий вариант в топике

для этого заключить в теги
[HTML run height=700] Тут контент [/HTML]

maratmm 14.08.2012 21:44

Ну вот такого типа только в selecte данные из базы. И мне надо вместо
value="text-1" из первого select написать value='".$arTitle['id']."'. Как теперь поменять скрипт под работу с этим кодом
<style type="text/css">
	#list-1 {
	    display: none;
	}
	#text-1 {
	    display: none;
	}
	</style>
	<script type="text/javascript">
	function Go(Obj) {
	    var i,od,o=document.getElementById(Obj.value)
	    for (i=0; i<Obj.options.length; i++) {
	        od=document.getElementById(Obj.options[i].value)
	        od.style.display=(od!=o)? 'inline': 'none'
	    }
	}
	</script>

<form method="post" action="">
	    <select size="1" name="vibor" onchange='Go(this)'>
                <option value="text-1">Выбрать</option>	
                <option value="list-1">Чемпион страны</option>
	        <option value="text-1">Юный Чемпион России</option>			
                <option value="list-1">Чемпион России</option>			
                <option value="text-1">Гранд Чемпион России</option>			
                <option value="text-1">Чемпион Федерации</option>			
                <option value="text-1">Чемпион РКФ</option>			
                <option value="text-1">Чемпион Национального Клуба Породы</option>			
                <option value="text-1">Интернациональный Чемпион</option>			
                <option value="text-1">Мульти Чемпион</option>			
                <option value="text-1">Собака года</option>			
                <option value="text-1">Юный Чемпион Европы</option>			
                <option value="text-1">Чемпион Европы</option>			
                <option value="text-1">Юный Чемпион Мира</option>			
                <option value="text-1">Чемпион Мира</option>
	    </select>
	    <select size="1" id="text-1">
	            <option value="1">Россия1</option>
	            <option value="2">Белоруссия1</option>
	            <option value="3">Украина1</option>
                <option value="4">Армения1</option>
	            <option value="5">Грузия1</option>
	            <option value="6">Казахстан1</option>
	    </select>
	    <select size="1" id="list-1">
	            <option value="1">Россия</option>
	            <option value="2">Белоруссия</option>
	            <option value="3">Украина</option>
                <option value="4">Армения</option>
	            <option value="5">Грузия</option>
	            <option value="6">Казахстан</option>
	    </select>
<form>

Deff 14.08.2012 22:15

maratmm,
Библиотеку просто подключите выше всех кодов (если нужна
<script type="text/javascript" src="http://blog.jquery.com/2012/03/21/jquery-1-7-2-released/"></script>

bes 15.08.2012 09:28

echo '<option value="' . $arTitle['id'] . '">Выбрать</option>'

если правильно зададите value и id, скрипт будет работать

maratmm 15.08.2012 11:08

а в скрипте что надо менять?

bes 15.08.2012 11:10

Цитата:

Сообщение от maratmm
а в скрипте что надо менять?

Цитата:

Сообщение от bes
если правильно зададите value и id, скрипт будет работать

нет


Часовой пояс GMT +3, время: 01:57.