Форум

mixalic · #1 (**permalink**) 09.10.2011, 03:27

Ребят, не ругайте. Знаю, тема наверное уже миллион раз обсосана. Но, как выяснилось с нахрапу и методом тыка js особо не понять, а сделать очень нужно. Второй день тыкаюсь, никак не получается, а работа из-за этой мелочи стопорится...

Собственно проблема. Есть file1.php:

<div id="step1">
   <select>
      <option>показать form1.php</option>
      <option>показать form2.php</option>
   </select>
</div>
<div id="step2"></div>

и есть отдельно html-формы. Нужно сделать так, чтобы при выборе соответствующей <option> в <div id="step2"></div> подгружалась соответствующая html-форма.

Заранее благодарен за код с комментариями... или без

smallredstone · #2 (**permalink**) 09.10.2011, 04:35

<option name='1'>показать form1.php</option>
<option name='2'>показать form2.php</option>

$(document).ready(function() {
  $('#step1 > select').change(function () {
    $('#step2').load("form" + $('#step1 option:selected').attr('name') + '.php');
  });
});

http://api.jquery.com это прекрасный ресурс на самом деле, каждая функция задокументирована и снабжена несколькими примерами

mixalic · #3 (**permalink**) 09.10.2011, 15:22

Сообщение от smallredstone

<option name='1'>показать form1.php</option>
<option name='2'>показать form2.php</option>

$(document).ready(function() {
  $('#step1 > select').change(function () {
    $('#step2').load("form" + $('#step1 option:selected').attr('name') + '.php');
  });
});

Спасибо, но не получается. Скажите, а куда нужно сам текст скрипта кидать? Я его и в head и после и перед этими div-ами прописывал... Вообще при выборе пунктов списка ничего не происходит((

<head>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript">текст скрипта</script>
</head>

так?

mixalic · #4 (**permalink**) 09.10.2011, 17:20

Получилось. Наследование не правильно стояло в DOM. Мой косяк. Еще раз спасибо

$(document).ready(function() {
  $('#step1 > form > select').change(function () {
    $('#step2').load("form" + $('#step1 option:selected').attr('name') + '.php');
  });
});

smallredstone · #5 (**permalink**) 09.10.2011, 18:46

Работает и хорошо.
Только у меня косяк был сначала, у элемента option не должно быть атрибута name (хотя браузер и проглотил его), в самый раз должен быть атрибут value

anlov · #6 (**permalink**) 11.10.2011, 19:02

привет. действительно, спрашивать такое вроде бы несолидно, только больше ничего не остается.

файл dinSel.php:

<?php
	mysql_connect('localhost', 'root', '');
	mysql_select_db("db");
?>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://jquery.com/src/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#id_group").change(function(){
			$("#id_team").load("dinSel2.php", { name_group: $("#id_group option:selected").val() });
		});
	});
</script>
 

<select name="name_group" id="id_group" style="width:330px; font-weight:normal;">
	<option value="0">Group</option>
	<?PHP 
		$result = mysql_query("SELECT distinct group FROM users");
		while($row = mysql_fetch_array($result)){?>
			<option value="<?PHP echo $row['group']?>"><?PHP echo $row['group']?></option>
	<?PHP }?>
</select>
<select name="name_team" id="id_team" style="width:330px; font-weight:normal;">
	<option value="0">Тeam</option>
	<?PHP 
		$result = mysql_query("SELECT distinct team FROM user");
		while($row = mysql_fetch_array($result)){?>
			<option value="<?PHP echo $row['team']?>"><?PHP echo $row['team']?></option>
	<?PHP }?>
</select>

dinSel2.php:

<?PHP 
	@mysql_connect('localhost', 'root', '');
	mysql_select_db("db");
	$query = mysql_query("SELECT distinct team FROM user WHERE group LIKE '".$_REQUEST['name_group']."'");
		echo '<select name="name_team" id="id_team" style="width:330px; font-weight:normal;">';
		while ($selectTeam = mysql_fetch_assoc ($query)){
			echo "<option value='".$selectTeam['team']."'>".$selectTeam['team']."</option>";
		}
		echo '</select>';
?>

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

Форум

Справочник

Discord чат

Курсы javascript