Merhaba,
option'lar php ile geleceğini varsayıyorum. html'i şöyle;
<select id="paks">
<option value="">Seçiniz</option>
<option value="pak1" w="100" t="20" s="50">Paket 1</option>
<option value="pak2" w="200" t="40" s="520">Paket 2</option>
<option value="pak3" w="300" t="30" s="150">Paket 3</option>
</select>
<input id="webalani" name="webalani" disabled />
<input id="trafik" name="trafik" disabled />
<input id="subdomain" name="subdomain" disabled />
jqueryi şöyle
$(function(){
$("#paks").change(function(){
if($(this).val() != "") {
$("#webalani").val($(this).find('option:selected').attr("w")).prop("disabled", false);
$("#trafik").val($(this).find('option:selected').attr("t")).prop("disabled", false);
$("#subdomain").val($(this).find('option:selected').attr("s")).prop("disabled", false);
} else {
$("#webalani,#trafik,#subdomain").prop("disabled",true).val("");
}
});
});yaparsanız basit bi yolla halletmiş olursunuz. inputlarınız çoksa tüm inputları bi selector ile çekip, döndürüp, isimlerine göre attr() çektirebilirsiniz. w= değil de webalani="" şeklinde isimlerini kullanarak attr'lardan yürüyebilirsiniz.
Kolaylıklar.
Merhaba,
option'lar php ile geleceğini varsayıyorum. html'i şöyle;
<select id="paks">
<option value="">Seçiniz</option>
<option value="pak1" w="100" t="20" s="50">Paket 1</option>
<option value="pak2" w="200" t="40" s="520">Paket 2</option>
<option value="pak3" w="300" t="30" s="150">Paket 3</option>
</select>
<input id="webalani" name="webalani" disabled />
<input id="trafik" name="trafik" disabled />
<input id="subdomain" name="subdomain" disabled />
jqueryi şöyle
$(function(){
$("#paks").change(function(){
if($(this).val() != "") {
$("#webalani").val($(this).find('option:selected').attr("w")).prop("disabled", false);
$("#trafik").val($(this).find('option:selected').attr("t")).prop("disabled", false);
$("#subdomain").val($(this).find('option:selected').attr("s")).prop("disabled", false);
} else {
$("#webalani,#trafik,#subdomain").prop("disabled",true).val("");
}
});
});yaparsanız basit bi yolla halletmiş olursunuz. inputlarınız çoksa tüm inputları bi selector ile çekip, döndürüp, isimlerine göre attr() çektirebilirsiniz. w= değil de webalani="" şeklinde isimlerini kullanarak attr'lardan yürüyebilirsiniz.
Kolaylıklar.
Kod için sonsuz teşekkürler r10+
<select id="paks">
<option value="">Seçiniz</option>
<option value="pak1" data-webspace="100" data-bandwidth="20" data-subdomain="50">Paket 1</option>
<option value="pak2" data-webspace="200" data-bandwidth="40" data-subdomain="520">Paket 2</option>
<option value="pak3" data-webspace="300" data-bandwidth="30" data-subdomain="150">Paket 3</option>
</select>
<input name="webspace" disabled />
<input name="trafik" disabled />
<input name="subdomain" disabled />
$(function(){
$("#paks").change(function(){
if($(this).val() != "") {
$("input[name='webspace']").val($(this).find('option:selected').attr("data-webspace")).prop("disabled", true);
$("input[name='trafik']").val($(this).find('option:selected').attr("data-bandwidth")).prop("disabled", true);
$("input[name='subdomain']").val($(this).find('option:selected').attr("data-subdomain")).prop("disabled", true);
} else {
$("input[name='webspace'],input[name='trafik'],input[name='subdomain']").prop("disabled",true).val("");
}
});
});böyle güncellemek daha çok işime geldi ihtiyacı olan arkadaşlar için paylaştım
