在PHP中实现样式链式选择框

时间:2011-11-17 21:16:33

标签: php javascript jquery forms

我一直在尝试在PHP中实现样式链式选择框太长时间了,我真的不明白出了什么问题。以下是文件:http://cl.ly/3j002v1E3s3G0c2O2B1M(有很多文件,抱歉发送链接)。

选择第一个选择框时,选择框就会消失。

有人可以告诉我为什么不工作?感谢。

1 个答案:

答案 0 :(得分:3)

因为

,你的堕落消失了
$('select[name="firmware"]').parent().remove();

.parent()的{​​{1}}为select,这是您下拉选择的容器;所以你从页面中删除该元素,然后将它们删除。


修改 如果您在选择其他手机时尝试从固件下拉列表中删除选项,请使用

<div id="formcontainer">

$('select[name="firmware"] option').remove();

编辑2 它似乎没有从ajax调用返回的数据中正确填充固件下拉列表,您可以使用

$('select[name="firmware"]').empty();

$('select[name="firmware"]').html(data);

如果你只是从你的ajax调用返回选项html代码,那么

$('select[name="firmware"]').append(data);

但是,selectBox插件的演示页面提供了更多内容

<option value="1.0">1.0</option>
<option value="2.0">2.0</option>

因此,如果您以

格式返回数据
$('select[name="firmware"]').selectBox('options', {
    'Opt Group 1': {
        '1': 'Value 1',
        '2': 'Value 2',
        '3': 'Value 3',
        '4': 'Value 4',
        '5': 'Value 5'
    },
    'Opt Group 2': {
        '6': 'Value 6',
        '7': 'Value 7',
        '8': 'Value 8',
        '9': 'Value 9',
        '10': 'Value 10'
    },
    'Opt Group 3': {
        '11': 'Value 11',
        '12': 'Value 12',
        '13': 'Value 13',
        '14': 'Value 14',
        '15': 'Value 15'
    }
});

然后,您可以执行{ 'Opt Group 1': { '1': 'Value 1', '2': 'Value 2', '3': 'Value 3', '4': 'Value 4', '5': 'Value 5' } }


结论

基本上,如果你的$('select[name="firmware"]').selectBox('options', data);代码只返回选项html代码而没有其他类似的东西

findFormware.php

您的手机下拉列表的javascript代码应为

<option value="1.0">1.0</option>
<option value="2.0">2.0</option>