Select değiştikçe input değerleride değişecek?

21-08-2015, 23:57:20

Burti

Reveloper

Merhaba,

Bir select'im ve birden fazla input değerim var:

<select>
<option value="pak1">Paket 1</option>
<option value="pak2">Paket 2</option>
<option value="pak3">Paket 3</option>
<option value="...">....</option>
</select>

<input name="webalani" disabled />
<input name="trafik" disabled />
<input name="subdomain" disabled />

Paket 1 seçili ise:
name="webalani" => 100
name="trafik" => 20
name="subdomain" => 50

Paket 2 seçili ise:
name="webalani" => 200
name="trafik" => 400
name="subdomain" => 100

vs vs. diye gidiyor. lakin php ile bastıracağım için bu değerleride güzel bir jquery kodu lazım bana nasıl yapabiliriz a dostlar?

22-08-2015, 02:16:46

#2

bluexpres

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.

22-08-2015, 22:49:08

#3

Burti

Reveloper

bluexpres adlı üyeden alıntı: mesajı görüntüle

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.

bluexpres adlı üyeden alıntı: mesajı görüntüle

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