select option - seçileni input texte yazdırma

12-11-2020, 11:22:09

aşağıdaki şekilde hazırladığım bir kod var.

amacım select option'dan seçilen değeri yukarısında yer alan input text value kısmında atamak.

fonksiyon içinde optionda seçileni nasıl gösterebilirim?

<script>
    function changeFunc($i) {
       // alert($i);
       document.getElementById("burayagelsin");
    }
</script>

<div id="ara">
    <form action="">
    
 <input id="burayagelsin" value="" type="text" name="ara">
 
 <select id="selectsec" onchange="changeFunc(value);"></select>      
 <option value="secenek1">Seçenek 1</option>
<option value="secenek2">Seçenek 2</option>

    <input type="submit" name="submit" value="Ara"/>
    </form>
</div>

12-11-2020, 11:28:18

#2

asabilisim

$("#selectsec").change(function(){
var deger = $(this).val();

$("#burayagelsin").val(deger);
});

12-11-2020, 11:32:04

#3

mertkilic0111

<div id="ara">
<form action="">
<input id="burayagelsin" value="" type="text" name="ara">
<select id="selectsec" onchange="changeFunc(this.value);"></select>
<option value="secenek1">Seçenek 1</option>
<option value="secenek2">Seçenek 2</option>
<input type="submit" name="submit" value="Ara" />
</form>
</div>

<script>
function changeFunc(i) {
document.getElementById("burayagelsin").value = i;
}
</script>

12-11-2020, 11:32:15

#4

OrhanCekic

Select'te Html onchange attiribute' ü ile fonkiyon çalıştırabilirsiniz.

12-11-2020, 11:35:13

#5

aTKn94

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

aşağıdaki şekilde hazırladığım bir kod var.

amacım select option'dan seçilen değeri yukarısında yer alan input text value kısmında atamak.

fonksiyon içinde optionda seçileni nasıl gösterebilirim?

<script>
    function changeFunc($i) {
       // alert($i);
       document.getElementById("burayagelsin");
    }
</script>

<div id="ara">
    <form action="">
   
 <input id="burayagelsin" value="" type="text" name="ara">
 
 <select id="selectsec" onchange="changeFunc(value);"></select>      
 <option value="secenek1">Seçenek 1</option>
<option value="secenek2">Seçenek 2</option>

    <input type="submit" name="submit" value="Ara"/>
    </form>
</div>

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

$("#selectsec").change(function(){
var deger = $(this).val();

$("#burayagelsin").val(deger);
});

Arkadaş yardımcı olmuş ancak sayfanızda jQuery olması gerekir. Eğer yoksa head tagları arasına ;

<script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>

12-11-2020, 11:45:33

#6

buddy

harikasınız oldu

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

$("#selectsec").change(function(){
var deger = $(this).val();

$("#burayagelsin").val(deger);
});

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

<div id="ara">
<form action="">
<input id="burayagelsin" value="" type="text" name="ara">
<select id="selectsec" onchange="changeFunc(this.value);"></select>
<option value="secenek1">Seçenek 1</option>
<option value="secenek2">Seçenek 2</option>
<input type="submit" name="submit" value="Ara" />
</form>
</div>

<script>
function changeFunc(i) {
document.getElementById("burayagelsin").value = i;
}
</script>

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

Select'te Html onchange attiribute' ü ile fonkiyon çalıştırabilirsiniz.

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

Arkadaş yardımcı olmuş ancak sayfanızda jQuery olması gerekir. Eğer yoksa head tagları arasına ;

<script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>