Есть два списка select
зависящие друг от друга, то есть при выборе в первом списке выводятся разные данные второго списка. При этом от выбора в обоих списков меняется еще одно значение (например цена).
Все работает кроме одного нюанса, опишу ход действий:
- В первом и во втором списках по умолчанию выведено первое значение по списку и третие значение (цена) отображается.
- Выбираю во втором списке, другое значение, цена пропадает и новая не появляется
- Выбираю в первом списке любой другой пункт, во втором списке цены у всех значений появляются,
- Возвращаю в первом списке первый вариант, после во втором списке все цены появляются у всех значений.
$(document).ready(function(){
var sel = document.getElementById("customfields");
var SizePrice = 0;
if(sel.options[sel.selectedIndex] != undefined) {
SizePrice = sel.options[sel.selectedIndex].text;
}
$('#customfield').val(SizePrice);
var sel1 = document.getElementById("dropdown1");
var ptype= sel1.options[sel1.selectedIndex].text;
$('#ptype').val(ptype);
$('#dropdown1').change(function() {
var Type=$('#dropdown1').val();
var sel1 = document.getElementById("dropdown1");
var ptype= sel1.options[sel1.selectedIndex].text;
$('#ptype').val(ptype);
//alert("herer"+type1);
var URL='ajax.php';
$.ajax({ //ajax call
type: "GET",
url: "ajax.php",
data: "Type="+Type
}).done(function(msg) {
//alert("in def=="+msg);
$("#customfields").html(msg);
var sel = document.getElementById("customfields");
var SizePrice= sel.options[sel.selectedIndex].text;
//alert("SizePrice=="+SizePrice);
var ExplodePrice=SizePrice.split("Rs.");
ExplodePrice[1] = $(sel).find(':selected').data('price');
//alert("expl=="+ExplodePrice[1]);
$('#product_price').val(ExplodePrice[1]);
$('#product_price2').val(ExplodePrice[1]);
$('#actualprice').html(ExplodePrice[1]);
$('#customfield').val(SizePrice);
});
});
$('#customfields').change(function() {
//alert("here");
//var SizePrice=$('#customfields').text();
var sel = document.getElementById("customfields");
var SizePrice= sel.options[sel.selectedIndex].text;
//alert("SizePrice=="+SizePrice);
var ExplodePrice=SizePrice.split("Rs.");
ExplodePrice[1] = $(sel).find(':selected').data('price');
//alert("expl=="+ExplodePrice[1]);
$('#product_price').val(ExplodePrice[1]);
$('#product_price2').val(ExplodePrice[1]);
$('#actualprice').html(ExplodePrice[1]);
$('#customfield').val(SizePrice);
//alert(sel1);
});
});
<?php
$Type= mysqli_real_escape_string($mysqli,$_GET['Type']);
if ($Type!=""){
$fetch = "SELECT id,Description,Price FROM vak16_customfields where Customid=".$Type;
//echo "in if".$fetch;
$result = mysqli_query($mysqli,$fetch) or die(mysqli_error());
if($result){
while ($row = mysqli_fetch_array($result)) {
$row_array['id'] = $row['id'];
$row_array['value'] = $row['Description'];
$row_array['price'] = $row['Price'];
array_push($return_arr,$row_array);
}
}
}
?>
<?php echo $product_price; ?>" />
<select class="form-control" name="select" id="dropdown1" placeholder="Type" >
<?php $GetTypeDetails=GetTypeDetails();
for($k=0;$k<sizeof($GetTypeDetails);$k++){
?>
<option value="<?php echo $GetTypeDetails[$k]['id']; ?>">
<?php echo $GetTypeDetails[$k]['CustomTitle']; ?></option>
<?php }?>
</select>
<select class="form-control" id="customfields" name="select" placeholder="Size" >
<?php
$GetSizeDetails=GetSizeDetails();
for($k=0;$k<sizeof($GetSizeDetails);$k++){
?>
<option value="<?php echo $GetSizeDetails[$k]['id']; ?>">
<?php echo $GetSizeDetails[$k]['Description']; ?>
</option>
<?php }?>
</select>
В чем может быть ошибка?