小妹请教利用Jquery做两个下拉框联动的问题。

Question

我想利用jquery做一个两个下拉框联动功能。由于我对jquery不太了解，请各位前辈帮忙解答一下。数据库表如下：--
-- 表的结构 `company_popedom`
--CREATE TABLE IF NOT EXISTS `company_popedom` (
  `id` int(11) NOT NULL auto_increment COMMENT '自增编号',
  `company_name` varchar(100) collate utf8_unicode_ci NOT NULL COMMENT '公司名称',
  `parentid` int(11) NOT NULL default '0' COMMENT '父节点',
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=12 ;--
-- 导出表中的数据 `company_popedom`
--INSERT INTO `company_popedom` (`id`, `company_name`, `parentid`) VALUES
(1, '总公司', 0),
(2, '北京分公司', 0),
(3, '西城区', 2),
(4, '东城区', 2),
(5, '石家庄', 2),
(6, '唐山', 2),
(7, '广东分公司', 0),
(8, '深圳分公司', 7),
(9, '中山分公司', 7),
(10, '东莞分公司', 7),
(11, '惠州分公司', 7);

Answer 1

你到javascript或者ajax版面问会比较好

Answer 2

先了解联到需要用到哪些技术。AJAX

Answer 3

你要做联动，这个是JS的问题，Jquery是JS的一个自定义类，一般有三种方法，一种是你把数据库数据取出后，在页面里打印成JS数组，然后写一个函数，作为第一个下拉列表变化后的执行事件，改变第二个下拉列表选项，第二种是用AJAX方法，也是在change事件后从后端读取数据表中信息改变第二个下拉列表选项，第三种是表单提交方法，在change事件中提交表单读取后端信息改变选项。

Answer 4

你说的jquery只是个js的框架~~~做联动比较方便的就是用ajax!你去网上搜下很多!

Answer 5

网上有jquery的教程，也有很多例子，不过你需要懂点js先.

Answer 6

可能需要引入 jquery.form.js
<select name="pid" id="pid"></select>
<select name="sid" id="sid"></select>
$(document).ready(function(){
    $.get('/getp.php', function(data) {
    $('#pid').html(data);
});
    if($("#pid").val() != null ){
$.get('/gets.php?pid='+$("#pid").val(), function(data) {
    $('#sid').html(data);
});
    }
    $("#pid").change(function(){
$.get('/gets.php?pid='+$("#pid").val(), function(data) {
    $('#sid').html(data);
});
    });
});getp.php 和 gets.php 从数据库中读数据，生成形如:
<option value='x' >xxxx</option>
<option value='y' >yyyy</option>
格式的html内容

Answer 7

$.get(url,params,callback);
从后台返回的数组 在客户端处理下 以,分隔开 根据索引取值 然后appendChild();