帮忙解决一个新手问题

[LiveAsaMonster]

推荐位位置:<select  id="source" name="source" style="width:150px">
	<option value="" selected>请选择</option>
	<?php foreach ($GLOBALS['source_recommend'] as $_k=>$_v)?>		
	<option value="<?php echo $_k;?>"><?php echo $_v;?></option>		
	</select>
	推荐位:<select id="position" name="position" style="width:150px">
	<option value="" selected>请选择</option>			
	<option value="" ></option>
	</select>

我要在第一个选择框中选择一项之后，第二个选择框自动跳出所选项的子选项，如何实现？用到的数组如下：比如在第一个选择框选择了资讯(news),第二个选择框对应的就是数组news_position中的值？

/*
*第一个选择框用到的数组
*/
$source_recommend = array(
	    'news'=>'资讯',
	    'topic'=>'话题',
	    'usershow'=>'会员秀',
	    'activity'=>'活动',
	);
/*
*第二个选择框用到的数组
*/
$news_position = array(
	    'index_news_1'=>'a',
	    'index_news_2'=>'b',
	    'index_news_3'=>'c',
	    'index_news_4'=>'d',
	    'index_news_5'=>'e',
	    'index_news_6'=>'f',
	    'index_news_7'=>'g',
	    
		
	);
	
	$topic_position = array(
	    'topic_topic_1'=>'h',
	    'topic_topic_2'=>'i',
	   
	);
	
	$usershow_position = array(
	    'index_usershow_1'=>'j',
	    'index_usershow_2'=>'k',
	    'index_usershow_content_1'=>'l',
	    'usershow_usershow_1'=>'m',
	    'usershow_usershow_2'=>'n',
	    
	);
	
	$activity_position = array(
	    'ground_activity_1'=>'p',
	   
	);

[PIGer920]

这个是js的事情
可以用ajax随用随取
也可以把数据全部取到 然后用js控制输出

[phf0313]

第一个select 加onchange事件，触发时可以ajax获取第二个select的数据，也可以在开始时把第二个select要用到的数据赋值给js数组，当触发onchange事件时选择不同的js数组。

[dragonms0]

都程序高手哇

[Justin_wen_19890202]

我写了一遍，用ajax

 推荐位位置:
   <select  id="source" name="source" style="width:150px" onchange="changes(this.value)">
    <option value="" selected>请选择</option>
      
    <option value="news">资讯</option> 
    <option value="topic">话题</option>
    <option value="usershow">会员秀</option>
    <option value="activity">活动</option>       
   </select>
推荐位:
  <div id="two">
    <select id="position" name="position" style="width:150px">
     <option value="" selected>请选择</option>            
     <option value="" ></option>
    </select>
  </div>

前提是调用了jquery文件

  <script>
function changes(v){
  var url='selectphp.php';
  var date='ac=action&val='+v;
  $.post(url,date,function(x){
    $('#two').html(x);
  })
}
</script>
selectphp文件
[code=PHP]
  <?php
if(isset($_POST['ac']) && $_POST['ac']=='action'){
  $val=$_POST['val'];
  $news= array(
        'index_news_1'=>'a',
        'index_news_2'=>'b',
        'index_news_3'=>'c',
        'index_news_4'=>'d',
        'index_news_5'=>'e',
        'index_news_6'=>'f',
        'index_news_7'=>'g',
        
        
    );
    
    $topic= array(
        'topic_topic_1'=>'h',
        'topic_topic_2'=>'i',
       
    );
    
    $usershow= array(
        'index_usershow_1'=>'j',
        'index_usershow_2'=>'k',
        'index_usershow_content_1'=>'l',
        'usershow_usershow_1'=>'m',
        'usershow_usershow_2'=>'n',
        
    );
    
    $activity= array(
        'ground_activity_1'=>'p',
       
    );
	
    echo '<div id="two"><select id="position" name="position" style="width:150px">';
     foreach($$val as $k=>$v){
	 
	               
       echo '<option value="'.$k.'" >'.$v.'</option>';
	 
	 }
    echo '</select></div>';
  
}

?>

[/code]

[Justin_wen_19890202]

重新发一遍，刚才那个弄乱了

  推荐位位置:
   <select  id="source" name="source" style="width:150px" onchange="changes(this.value)">
    <option value="" selected>请选择</option>
      
    <option value="news">资讯</option> 
    <option value="topic">话题</option>
    <option value="usershow">会员秀</option>
    <option value="activity">活动</option>       
   </select>
推荐位:
  <div id="two">
    <select id="position" name="position" style="width:150px">
     <option value="" selected>请选择</option>            
     <option value="" ></option>
    </select>
  </div>

前提是调用了jquery文件

  <script>
function changes(v){
  var url='selectphp.php';
  var date='ac=action&val='+v;
  $.post(url,date,function(x){
    $('#two').html(x);
  })
}
</script>

selectphp文件

  <?php
if(isset($_POST['ac']) && $_POST['ac']=='action'){
  $val=$_POST['val'];
  $news= array(
        'index_news_1'=>'a',
        'index_news_2'=>'b',
        'index_news_3'=>'c',
        'index_news_4'=>'d',
        'index_news_5'=>'e',
        'index_news_6'=>'f',
        'index_news_7'=>'g',
        
        
    );
    
    $topic= array(
        'topic_topic_1'=>'h',
        'topic_topic_2'=>'i',
       
    );
    
    $usershow= array(
        'index_usershow_1'=>'j',
        'index_usershow_2'=>'k',
        'index_usershow_content_1'=>'l',
        'usershow_usershow_1'=>'m',
        'usershow_usershow_2'=>'n',
        
    );
    
    $activity= array(
        'ground_activity_1'=>'p',
       
    );
	
    echo '<div id="two"><select id="position" name="position" style="width:150px">';
     foreach($$val as $k=>$v){
	 
	               
       echo '<option value="'.$k.'" >'.$v.'</option>';
	 
	 }
    echo '</select></div>';
  
}

?>

[只要开心就好]

用jquery来做，或者用纯js也OK。

[zlking02]

这是AJAX做的事情

[码无边]

你自己去搜搜二级联动。