gpt4 book ai didi

javascript - 从另一个选择中更改选择标签中的选项

转载 作者:搜寻专家 更新时间:2023-10-31 21:10:27 25 4
gpt4 key购买 nike

我想根据我从第一次选择中选择的内容更改第二次选择的选项。再一次,我知道我的代码应该在哪里,我知道我需要一个 if 语句,还有很多 if else 但我现在被困在 php 中。例如,如果我选择我想要的“Acura”,我的 $modele_acura 就会出现在我的第二个选择标签中。

(感谢你们所有人,许多初学者,像我一样,应该非常感谢你们所有的帮助,在此先感谢!)

<?php
$marques = array(
'Acura',
'Aston Martin',
'Audi',
'Bentley',
'BMW',
'Buick',
'Cadillac',
'Chevrolet',
'Chrysler',
'Dodge',
'Ferrari',
'Fiat',
'Ford',
'GMC',
'Honda',
'Hyundai',
'Infiniti',
'Jaguar',
'Jeep',
'Kia',
'Lamborghini',
'Land Rover',
'Lexus',
'Lincoln',
'Lotus',
'Mazda',
'Mercedes-Benz',
'MINI',
'Mitsubishi',
'Nissan',
'Pontiac',
'Porsche',
'Ram',
'Saab',
'Saturn',
'Scion',
'Smart',
'Subaru',
'Suzuki',
'Toyota',
'Volkswagen',
'Volvo'
);

$modele_acura = array(
'1',
'2',
);

$modele_aston = array(
'3',
'4',
);
?>

<body>
<form action="<?= $_SERVER['PHP_SELF'] ?>" method="post">
<select id="marque" name="marque">
<option></option>
<?php
foreach($marques as $marque => $value)
{
echo '<option value="'.$marque.'">'.$value.' </option>';
}
?>
</select>
<select>
<option></option>
<?php
echo '<option value=""></option>';
// I AM STUCK HERE :(
?>
</select>
</form>
</body>

最佳答案

将您的 $modele_XXX 数组更改为单个关联数组:

$modele = array('acura' => array(1, 2),
'aston' => array(3, 4),
...
);

将您的 HTML 更改为:

<body>
<form action="<?= $_SERVER['PHP_SELF'] ?>" method="post">
<select id="marque" name="marque">
<option></option>
<?php
foreach($marques as $marque => $value)
{
echo '<option value="'.$marque.'">'.$value.' </option>';
}
?>
</select>
<select id="modele" name="modele">
</select>
</form>
</body>

然后将此 jQuery 代码添加到您的 PHP 脚本中,有时在分配上面的 $modele 之后。

$(function() {
var modele = <?php echo json_encode($modele); ?>; // Convert PHP array to Javascript
$("#marque").change(function() {
$("#modele").html("<option/>"); // Initial empty value
var selected_modele = $(this).val();
if (selected_modele) {
var modele_vals = modele[selected_modele.toLowerCase()];
$.each(modele_vals, function(i, elem) {
$("#modele").append($("<option/>", { value: elem, text: elem }));
});
}
});
});

关于javascript - 从另一个选择中更改选择标签中的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21071563/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com