JQuery භාවිතා කරමින් ආදාන අගයක් ලබා ගැනීමට සහ ලබා දීමට ක්‍රම මොනවාද?

මෙන්න එකක්:

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />

//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

ඔබට අගයක් තෝරා ගත හැක්කේ පහත දැක්වෙන ක්‍රම දෙකෙන් පමණි:

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

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

වටිනාකම ලබා ගැනීම සඳහා ඔබට කෙළින්ම ජාවාස්ක්‍රිප්ට් භාවිතා කිරීමට අවශ්‍ය නම්, මෙන්න:

document.getElementById('txt_name').value 

සඳහන් කළ යුතු එක් වැදගත් දෙයක් තිබේ:

$("#txt_name").val();

පෙළ ක්ෂේත්‍රයක වත්මන් සැබෑ වටිනාකම නැවත ලබා දෙනු ඇත, උදාහරණයක් ලෙස පරිශීලකයා පිටු පැටවීමකින් පසුව එහි යමක් ටයිප් කළේ නම්.

ඒත්:

$("#txt_name").attr('value')

DOM / HTML වෙතින් අගය ලබා දෙනු ඇත.

valueඑය <input>මූලද්‍රව්‍යයක් බව ඔබ දන්නා බැවින් ඔබට සෘජුවම ගුණාංගය ලබා ගත හැකිය , නමුත් ඔබගේ වර්තමාන භාවිතය .val()දැනටමත් වර්තමාන එකකි.

ඉහත සඳහා, .valueDOM මූලද්‍රව්‍යය මත කෙලින්ම භාවිතා කරන්න, මේ ආකාරයට :

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

ආදාන මූලද්‍රව්‍යයක වත්මන් අගය ලබා ගැනීම සඳහා ඔබ විවිධ ක්‍රම භාවිතා කළ යුතුය.

ක්රමය - 1

ඔබට සරල එකක් භාවිතා කිරීමට අවශ්‍ය නම් .val(), මෙය උත්සාහ කරන්න:

<input type="text" id="txt_name" />

ආදානයෙන් අගයන් ලබා ගන්න

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

ආදානය සඳහා අගය සකසන්න

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

ක්රමය - 2

.attr()අන්තර්ගතය ලබා ගැනීමට භාවිතා කරන්න .

<input type="text" id="txt_name" value="" />

මම ආදාන ක්ෂේත්‍රයට එක් ලක්ෂණයක් එක් කරමි. value=""ආදාන ක්ෂේත්‍රය තුළ අප ඇතුළත් කළ පෙළ අන්තර්ගතය රැගෙන යන්නේ ගුණාංගයයි.

$("input").attr("value");

ක්රමය - 3

ඔබට මෙය ඔබේ inputමූලද්‍රව්‍යය මත කෙලින්ම භාවිතා කළ හැකිය .

$("input").keyup(function(){
    alert(this.value);
});

ඔබට මේ වගේ වටිනාකමක් ලබා ගත හැකිය:

this['inputname'].value

කොහෙද thisආදාන අඩංගු පෝරමය සඳහන් කරයි.

පෙර පිළිතුරුවල මෙම ශ්‍රිතය මග හැරී ඇතැයි මම සිතමි:

.val( function(index, value) ) 

පෙළ කොටුවේ අගය ලබා ගැනීම සඳහා, ඔබට jQuery val()ශ්‍රිතය භාවිතා කළ හැකිය .

උදාහරණයක් වශයෙන්,

$('input:textbox').val() - පෙළ කොටු අගය ලබා ගන්න.

$('input:textbox').val("new text message") - පෙළ කොටුවේ අගය සකසන්න.

මා වැනි අය JS හි නවකයන් වන අතර undefinedපෙළ අගය වෙනුවට ලබා ගැනීම ඔබේ idවලංගු නොවන අක්ෂර අඩංගු නොවන බවට වග බලා ගන්න .

ඔබට පෙළ කොටුව තුළ අගය සැකසිය හැකිය.

පළමුව, ඔබ වැනි අගය ලබා ගනී

var getValue = $('#txt_name').val();

ආදාන වැනි අගයක් ලබා ගත් පසු

$('#txt_name').val(getValue);

මේක උත්සාහ කරන්න. එය නිසැකවම ක්රියා කරනු ඇත.

var userInput = $('#txt_name').attr('value')

පිරිසිදු ජේ

txt_name.value

txt_name.onkeyup = e=> alert(txt_name.value);

<input type="text" id="txt_name" />