我想我已经看到了很多类似的问题，我的，但我发现没有答案为止。 我适应在网络上发现了一些相关的下拉菜单，当用户点击它完美地工作：单击第一个列表（选择）和上，当你选择了“孩子”的项目，这显示在第二个下拉等上。 这个问题开始时，我想通过默认值。 第一个列表了它的价值，NU问题。 然后，以生成所述第二下拉我添加了一个。点击（）事件到相应的ID。 它实际上示出了第二下拉并且还选定的元素（从下拉传下来的填充功能）。 然而，一旦加载，无论有多少实际点击或代码mimmicking点击，第二个下拉不运行它的点击功能，它onle让您选择，但不产生第三个下拉，其中，在不传递任何值，完美的作品。
可能是什么问题？
下面是主要的JS代码，这是刚刚页面的主体之前位于：
var demo = {};
demo.globals = {
princ: 0,
princ2: 0,
princ3: 0
}
$(document).on('ready', function() {
$(document).on('click', '#lprinc', function() {
var value = $(this).val();
if (value==0){
$('#lprinc2').html('<option value="">----</option>').attr('disabled', true);
$('#lprinc2').css({ 'visibility': 'hidden'});
}
else{
$('#lprinc2').removeAttr('disabled');
$('#lprinc2').css({ 'visibility': 'visible'});
$('#lprinc3').html('<option value="">----</option>').attr('disabled', true);
$('#lprinc3').css({ 'visibility': 'hidden'});
if (value != demo.globals.princ) {
demo.checkDropdown('princ', 'princ2', value, val2);
demo.globals.princ = value;
}
}
});
if (val1!=''){
$('#lprinc').trigger('click');
}
$(document).on('click','#lprinc2', function() {
var value = $(this).val();
if (value==0){
$('#lprinc3').html('<option value="">----</option>').attr('disabled', true);
$('#lprinc3').css({ 'visibility': 'hidden'});
}
else{
$('#lprinc3').removeAttr('disabled');
$('#lprinc3').css({ 'visibility': 'visible'});
if (value != demo.globals.princ2) {
demo.checkDropdown1('princ2', 'princ3', value, val3);
demo.globals.princ2 = value;
}
}
});
if (val2!=''){
$('#lprinc2').trigger('click');
}
if (val3!=''){
$('#princ3').val(val3);
}
});
demo.checkDropdown = function(dropDownName, nextDropDown, value, valorpass) {
jQuery.getJSON('/mod/update.php', { id : nextDropDown, value : value, val: valorpass}, function(data) {
if (!data.error) {
$('#lprinc2').html(data.list).removeAttr('disabled');
} else {
$('#lprinc2').html('<option value="">----</option>').attr('disabled', true);
$('#lprinc2').css({ 'visibility': 'hidden'});
$('#lprinc3').html('<option value="">----</option>').attr('disabled', true);
$('#lprinc3').css({ 'visibility': 'hidden'});
}
});
$("select[name='" + nextDropDown + "']").html(dropDownHtml);
}
demo.checkDropdown1 = function(dropDownName, nextDropDown, value, valorpass) {
jQuery.getJSON('/mod/update.php', { id : nextDropDown, value : value, val: valorpass}, function(data) {
if (!data.error) {
$('#lprinc3').html(data.list).removeAttr('disabled');
} else {
$('#lprinc3').html('<option value="">----</option>').attr('disabled', true);
$('#lprinc3').css({ 'visibility': 'hidden'});
}
});
$('#lprinc3').html(dropDownHtml);
任何帮助将非常感激。 我曾尝试。一，.trigger（），.triggerHandler（）。点击（）无济于事。 我已经要疯了公开他的一个...
补充：update.php：
if (!empty($_GET['value'])) {
$value = $_GET['value'];
$valor= $_GET['val'];
try {
$objDb = new PDO('mysql:host=localhost;dbname=XXXXX', 'XXXXX', 'XXXXX');
$objDb->exec('SET CHARACTER SET utf8');
$sql = "SELECT *
FROM `categories`
WHERE `master` = ?";
$statement = $objDb->prepare($sql);
$statement->execute(array($value));
$list = $statement->fetchAll(PDO::FETCH_ASSOC);
if (!empty($list)) {
$out = array('<option value="0">Seleccione...</option>');
foreach($list as $row) {
$selstrg = "<option value='".$row['id']."' ";
if ($row['id']==$valor){
$selstrg = $selstrg." selected ='selected' ";
}
$selstrg = $selstrg.">".$row['name']."</option>";
$out[] = $selstrg;
}
echo json_encode(array('error' => false, 'list' => implode('', $out)));
} else {
echo json_encode(array('error' => true));
}
} catch(PDOException $e) {
echo json_encode(array('error' => true));
}
} else {
echo json_encode(array('error' => true));
}
