Требуется знание javascript

Всем доброго времени суток, я делаю форму добавления постов на свой сайт, и у меня такая проблема, есть два раздела - софт и игры, и в каждом разделе несколько категорий, вот пример выбора






вот к примеру код кнопок с разделами:

HTML:

<input name="soft" type="button" value="Софт">
<input name="games" type="button" value="Игры">

Подскажите, что сюда надо добавить, чтобы при нажатии на одну из кнопок выводился список категорий в таком виде:

 

http://www.htmlbook.ru/html/select.html

 

Вы меня не поняли, мне нужно, чтобы при нажатии на одну из кнопкок баттон выводился спикок категорий, соответствующий разделу данной кнопки:

 

я так понимаю все это пишется на яваскрипт, можно привести пример кода?

 

Реализация с помощью jQuery.

Code:

<script src='js/jquery.js' type='text/javascript'></script>
<script type="text/javascript">
		$(document).ready(function(){		
				$('#soft').click(function() {
							$.ajax({
							type: "POST",
							url: "jres2.php",
							data: "type="+1,
							success: function(html){
								$("#categories").html(html);
							}
						});
				});	
				$('#games').click(function() {
							$.ajax({
							type: "POST",
							url: "jres2.php",
							data: "type="+2,
							success: function(html){
								$("#categories").html(html);
							}
						});
				});					
	 		});				
	</script>
<input name="soft" type="button" value="софт" id="soft"/>
<input name="games" type="button" value="игры" id="games"/>
<div id="categories">
	
</div>

Софт это тип=1, игры=2.

PHP:

<?php
if($_POST['type'] == '1') {
    $html = '<select name="spisok">
                <option>Soft 1</option>
                <option>Soft 2</option>
            </select>
            ';
    echo $html;
}
if($_POST['type'] == '2') {
    $html = '<select name="spisok">
                <option>Game 1</option>
                <option>Game 2</option>
            </select>
            ';
    echo $html;
}
?>


 

я в этом вообще почти не шарю - как мне это реализовать на своей странице?

 

1) Качаешь jQuery с jQuery.com
2) Создаешь файл, например, index.php, пишешь туда код из 1-го скрипта.
3) Создаешь файл jres2.php в этой же папке. В нем в зависимости от пришедшего значения формируется список. Значения, которые будут в списке можешь выбирать из бд, ну или если они постоянные можешь их задать в jres2.php. Можно форму тоже сделать в jres2.php или в уже готовую подставлять список(<div id="categories">).

Попробуй сначала, так сделать. Потом когда разберешься, можешь делать на своем сайте.

 

мне надо, чтобы при нажатии кнопки сразу на этой же странице выводился списока категорий, вот что я хочу.

 

извините за наглость, можно код, чтобы я просто вставил его в форму и все работало?

 

Ты хоть форму свою покажи. Вообщем, для примера форма.

Code:

<form action="someshit.php" method="post">
<input type="text" name="text1"/>
<input type="text" name="text2"/>
<div id="categories">
<!-- тут будет список-->
</div>
<input type="submit" />
</form>

+ к этому подключаешь jquery и создаешь файл jres2.php

 

PHP:

<script language="JavaScript">
function Menue() {
      document.all.soft1.style.visibility="visible"
      document.all.games1.style.visibility="hidden"
}
function Menue1() {
   document.all.soft1.style.visibility="hidden"
   document.all.games1.style.visibility="visible"
}
</script>
<input name="soft" type="button" value="Софт" onClick="Menue()"><input name="games" type="button" value="Игры" onClick="Menue1()">
<br>
<br>
<select id="soft1" size="1" name="soft1" style="visibility:hidden;">
<option selected value>Soft - 1</option>
<option>Soft-2</option>
</select></div>
<select id="games1" size="1" name="games1" style="visibility:hidden;">
<option selected value>Games - 1</option>
<option>Games-2</option>
</select></div>


 

спасибо всем!!! я разобрался!!!

 

2 Pashkela
Так будут передаваться значения сразу из 2-х списков.

 

Куда передаваться? Я просто ответил на вопрос из первого поста. Передачу не осуществлял. Не вижу никаких проблем с передачей в будущем - у всех select свой id и name. Если так нужна передача данных в PHP - пожалуйста:

PHP:

<script language="JavaScript">
function Menue() {
      document.all.soft1.style.visibility="visible"
      document.all.games1.style.visibility="hidden"
}
function Menue1() {
   document.all.soft1.style.visibility="hidden"
   document.all.games1.style.visibility="visible"
}
</script>
<form method="post">
<input name="soft" type="button" value="Софт" onClick="Menue()">&nbsp;&nbsp;&nbsp;<input name="games" type="button" value="Игры" onClick="Menue1()">
<br>
<br>
<select id="soft1" size="1" name="soft1" style="visibility:hidden;">
  <option selected value>Выберите софт:</option> 
  <option>Soft-1</option>
  <option>Soft-2</option>
  <option>Soft-3</option>
  <option>Soft-4</option>
  <option>Soft-5</option>
</select></div>
<select id="games1" size="1" name="games1" style="visibility:hidden;">
  <option selected value>Выберите игру:</option> 
  <option>Games-1</option>
  <option>Games-2</option>
  <option>Games-3</option>
  <option>Games-4</option>
  <option>Games-5</option>
</select></div>
<br>
<br>
<input type="submit" value="Выбрать" />
</form>
<?php
$soft = $_POST['soft1'];
$game = $_POST['games1'];
if ($soft) echo "Вы выбрали софт - $soft";
if ($game) echo "Вы выбрали игру - $game";
?>


и без всяких jquery