Selectbox ve İnput ilişkilendirme Sorunu

24-12-2013, 12:54:12

Üyeliği durduruldu

merhabalar şu şekilde bir formum var benim yapmak istediğim ise şu
2016 yı seçince yanındaki inputa 10 değerini yazması
2015 i seçince 5 değeri yazıp 10 rakamının üzerine toplaması ve sonuç olarak 15 yazması
bunu nasıl yapabilirim ?

24-12-2013, 15:08:36

#2

saintx

Kimlik doğrulama veya yönetimden onay bekliyor.

@wallstreet;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
	</head>
	<body>
		<form method="post">
			<select id="years" name="years" multiple>
				<option value="10">2016</option>
				<option value="5">2015</option>
			</select>
			<input type="text" id="total" name="total" />
		</form>
		<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script type="text/javascript">
			function is_numeric(input) {
				return (input - 0) == input && (input+'').replace(/^\s+|\s+$/g, "").length > 0;
			}
			
			$(function() {
				$("select#years").change(function() {
					var input = $("input#total");
					
					input.val(Number(input.val()) + Number($(this).val()));
				});
			});
		</script>
	</body>
</html>

24-12-2013, 15:20:07

#3

~~wallstreet~~

Üyeliği durduruldu

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

@wallstreet;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
	</head>
	<body>
		<form method="post">
			<select id="years" name="years" multiple>
				<option value="10">2016</option>
				<option value="5">2015</option>
			</select>
			<input type="text" id="total" name="total" />
		</form>
		<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script type="text/javascript">
			function is_numeric(input) {
				return (input - 0) == input && (input+'').replace(/^\s+|\s+$/g, "").length > 0;
			}
			
			$(function() {
				$("select#years").change(function() {
					var input = $("input#total");
					
					input.val(Number(input.val()) + Number($(this).val()));
				});
			});
		</script>
	</body>
</html>

hocam eline sağlık ama şöyle bir durum oldu ben 2016 yı seçtm 10 rakamını attı 2015 seçtm 5 rakamını attı topladı buraya kadar sorun yok ama
2016 yı tekrar tıklayınca yine rakamı atyor üzerine bunu engellemek mümkünmü

24-12-2013, 15:21:42

#4

un4saken

@wallstreet

<select multiple="multiple" name="price[]" id="sel_1">
    <option value="0"></option>
    <option value="10">2015</option>
    <option value="15">2016</option>
</select>
<span id="usertotal"> </span>

var $total = $('#usertotal');
$('input,select').change(function () {
    var tot = 0;
    $('input:checkbox:checked, select > option:selected').each(function () {
        var per_op = $(this).attr('value');
        if (per_op) {
            tot += Number(per_op);
        }
    });
    var final_result = tot.toFixed(2);
    $total.html(final_result)
});

Demo

24-12-2013, 15:43:36

#5

~~wallstreet~~

Üyeliği durduruldu

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

@wallstreet

<select multiple="multiple" name="price[]" id="sel_1">
    <option value="0"></option>
    <option value="10">2015</option>
    <option value="15">2016</option>
</select>
<span id="usertotal"> </span>

var $total = $('#usertotal');
$('input,select').change(function () {
    var tot = 0;
    $('input:checkbox:checked, select > option:selected').each(function () {
        var per_op = $(this).attr('value');
        if (per_op) {
            tot += Number(per_op);
        }
    });
    var final_result = tot.toFixed(2);
    $total.html(final_result)
});

Demo

hocam süper teşekkür ederim saintxx arkadaşada teşekkürlerimi borç bilirim

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 15:43:36 -->-> Daha önceki mesaj 15:36:36 --

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

@wallstreet

<select multiple="multiple" name="price[]" id="sel_1">
    <option value="0"></option>
    <option value="10">2015</option>
    <option value="15">2016</option>
</select>
<span id="usertotal"> </span>

var $total = $('#usertotal');
$('input,select').change(function () {
    var tot = 0;
    $('input:checkbox:checked, select > option:selected').each(function () {
        var per_op = $(this).attr('value');
        if (per_op) {
            tot += Number(per_op);
        }
    });
    var final_result = tot.toFixed(2);
    $total.html(final_result)
});

Demo

hocam çıkan sonucu input içerisinde nasıl yazdırabiliriz peki msyql e kaydettrecegm de veriyi

24-12-2013, 17:06:55

#6

arasdizayn

<span id="usertotal"> </span>

örnek olarak veriyorum yukarıdaki kısmın altına
<form>
<input name="usertotal" />
<button type="submit">Kaydet</button>
</form>

bunu ekle

daha sonra
$total.html(final_result); bunun altına
$('input[name="usertotal"]').val(final_result);

25-12-2013, 11:29:48

#7

~~wallstreet~~

Üyeliği durduruldu

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

<span id="usertotal"> </span>

örnek olarak veriyorum yukarıdaki kısmın altına
<form>
<input name="usertotal" />
<button type="submit">Kaydet</button>
</form>

bunu ekle

daha sonra
$total.html(final_result); bunun altına
$('input[name="usertotal"]').val(final_result);

hocam bunu şu şekilde değiştirmek gerekiyor şimdikte
kodlamam bu şekilde gayet güzel çalışıyor sorun yok ama şu şekilde çalışması icab ediyor

<select name="renk[]" multiple="renk[]">
    <option selected value="0">Seçiniz..</option>

            <option value="48">2013</option>
            <option value="48">2012</option>
            <option value="48">2011</option>
            <option value="48">2010</option>
			<option value="36">2009</option>
			<option value="36">2008</option>
			<option value="36">2007</option>
			<option value="18">2006</option>
			<option value="18">2005</option>
  
</select>

<input name="usertotal" />

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script type="text/javascript">
		var $total = $('#usertotal');
$('input,select').change(function () {
    var tot = 0;
    $('input:checkbox:checked, select > option:selected').each(function () {
        var per_op = $(this).attr('value');
        if (per_op) {
            tot += Number(per_op);
        }
    });
    var final_result = tot.toFixed(2);
    $total.html(final_result)
	$('input[name="usertotal"]').val(final_result);
});
</script>

<option value="48">2013</option>
<option value="48">2012</option>
<option value="48">2011</option>
<option value="48">2010</option>
<option value="36">2009</option>
<option value="36">2008</option>
<option value="36">2007</option>
<option value="18">2006</option>
<option value="18">2005</option>

2013 ,2012,2011 ve 2010 da ki value ler 48 ben bunları seçinde topluyor güzel bir şekilde ama valueleri aynı olanlardan birtane rakam getirsin toplamasın valueleri farklı olanları toplasın hocam bu nasıl olur acaba ?

25-12-2013, 14:55:33

#8

arasdizayn

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

hocam bunu şu şekilde değiştirmek gerekiyor şimdikte
kodlamam bu şekilde gayet güzel çalışıyor sorun yok ama şu şekilde çalışması icab ediyor

<select name="renk[]" multiple="renk[]">
    <option selected value="0">Seçiniz..</option>

            <option value="48">2013</option>
            <option value="48">2012</option>
            <option value="48">2011</option>
            <option value="48">2010</option>
			<option value="36">2009</option>
			<option value="36">2008</option>
			<option value="36">2007</option>
			<option value="18">2006</option>
			<option value="18">2005</option>
  
</select>

<input name="usertotal" />

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script type="text/javascript">
		var $total = $('#usertotal');
$('input,select').change(function () {
    var tot = 0;
    $('input:checkbox:checked, select > option:selected').each(function () {
        var per_op = $(this).attr('value');
        if (per_op) {
            tot += Number(per_op);
        }
    });
    var final_result = tot.toFixed(2);
    $total.html(final_result)
	$('input[name="usertotal"]').val(final_result);
});
</script>

<option value="48">2013</option>
<option value="48">2012</option>
<option value="48">2011</option>
<option value="48">2010</option>
<option value="36">2009</option>
<option value="36">2008</option>
<option value="36">2007</option>
<option value="18">2006</option>
<option value="18">2005</option>

2013 ,2012,2011 ve 2010 da ki value ler 48 ben bunları seçinde topluyor güzel bir şekilde ama valueleri aynı olanlardan birtane rakam getirsin toplamasın valueleri farklı olanları toplasın hocam bu nasıl olur acaba ?

Bu işlemi yapmaktaki amacınız tam olarak nedir ben anlamadım.Tam olarak amacınızı söylerseniz yardımcı olmaya çalışayım.

25-12-2013, 15:22:33

#9

~~wallstreet~~

Üyeliği durduruldu

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

<span id="usertotal"> </span>

örnek olarak veriyorum yukarıdaki kısmın altına
<form>
<input name="usertotal" />
<button type="submit">Kaydet</button>
</form>

bunu ekle

daha sonra
$total.html(final_result); bunun altına
$('input[name="usertotal"]').val(final_result);

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

Bu işlemi yapmaktaki amacınız tam olarak nedir ben anlamadım.Tam olarak amacınızı söylerseniz yardımcı olmaya çalışayım.

hocam ödeme işlemleri yapılıyor yıllık olarak tam sorumdaki gibi cevap olsa harika olacak tüm işimi görecek