Hae arvo syöttötekstiruudussa

Mitkä ovat tavat saada ja renderöidä syöttöarvo jQueryn avulla?

Tässä on yksi:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#txt_name").keyup(function(){
            alert($(this).val());
        });
    })
</script>

<input type="text" id="txt_name"  />
Peter Mortensen
Muokattu kysymysT55 joulukuu 2014 в 6:43
Ohjelmointi
html jquery jquery-selectors textinput
T22 marraskuu 2010 в 3:07
13 näkymät

Voit valita arvon vain seuraavilla kahdella tavalla:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

Jos haluat käyttää suoraa JavaScriptiä arvon saamiseksi, toimi näin:

document.getElementById('txt_name').value
Peter Mortensen
Muokattu vastausta T55 joulukuu 2014 в 6:39
Kommentit (6)

Voit saada value-attribuutin suoraan, koska tiedät, että se on <input>-elementti, mutta nykyinen käyttö .val() on jo nykyinen.

Käytä edellä mainittua varten vain .value suoraan DOM-elementtiin, [näin][2]:

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});
Kommentit (2)

Mielestäni tämä toiminto on jäänyt pois aiemmista vastauksista.

.val( function(index, value) )
Kommentit (0)