<?php
if (isset($_POST['submit']))
echo $_POST['item'].$_POST['cat'];
?>
<form method="POST">
<select id="cat" name="cat">
<option val="car">car</option>
<option val="phone">phone</option>
</select>
<select id="item" name="item">
</select>
<input type="submit" name="submit" />
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
cars=new Array("Mercedes","Volvo","BMW","porche");
phones=new Array('Samsung','Nokia','Iphone');
populateSelect();
$(function() {
$('#cat').change(function(){
populateSelect();
});
});
function populateSelect(){
cat=$('#cat').val();
$('#item').html('');
if(cat=='car'){
cars.forEach(function(t) {
$('#item').append("<option value='"+t+"'>"+t+"</option>");
});
}
if(cat=='phone'){
phones.forEach(function(t) {
$('#item').append("<option value='"+t+"'>"+t+"</option>");
});
}
}
</script>
- Output for 4.3.0 - 4.3.11, 4.4.0 - 4.4.9, 5.0.0 - 5.0.5, 5.1.0 - 5.1.6, 5.2.0 - 5.2.17, 5.3.0 - 5.3.29, 5.4.0 - 5.4.45, 5.5.24 - 5.5.35, 5.6.7 - 5.6.28, 7.0.0 - 7.0.20, 7.1.0 - 7.1.10, 7.2.0 - 7.2.33, 7.3.12 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.6
- <form method="POST">
<select id="cat" name="cat">
<option val="car">car</option>
<option val="phone">phone</option>
</select>
<select id="item" name="item">
</select>
<input type="submit" name="submit" />
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
cars=new Array("Mercedes","Volvo","BMW","porche");
phones=new Array('Samsung','Nokia','Iphone');
populateSelect();
$(function() {
$('#cat').change(function(){
populateSelect();
});
});
function populateSelect(){
cat=$('#cat').val();
$('#item').html('');
if(cat=='car'){
cars.forEach(function(t) {
$('#item').append("<option value='"+t+"'>"+t+"</option>");
});
}
if(cat=='phone'){
phones.forEach(function(t) {
$('#item').append("<option value='"+t+"'>"+t+"</option>");
});
}
}
</script>
preferences:
261.68 ms | 407 KiB | 313 Q