برای دریافت و استفاده از مقدار وارد شده در فیلد input می‌توانیم از روش‌های زیر استفاده کنیم:

جاوااسکریپت

۱- با استفاده از کدهای جاوااسکریپت

<input type="text" id="my-field">
<script>
let value = document.querySelector( '#my-field' ).value;
alert( value );
</script>

۲- با استفاده از کدهای جاوااسکریپت – روش قدیمی‌تر

<input type="text" id="my-field">
<script>
let value = document.getElementById( 'my-field' ).value;
alert( value );
</script>

دقت کنید که در این روش علامت Number Sign یا Hash قبل از شناسه‌ی فیلد وجود ندارد.

۳- با استفاده از jQuery

<input type="text" id="my-field">
<script>
let value = $( '#my-field' ).value;
alert( value );
</script>

توجه به این نکته ضروری است که کدهای مربوط به jQuery برای تمام نوع فیلدها قابل استفاده هستند. فیلدهایی مثل select و textarea را هم شامل می‌شوند ولی کدهای جاوااسکریپت فقط برای فیلدهایی که صفت value داشته باشند قابل استفاده است و برای سایر انواع فیلدها به کدهای بیشتری نیاز است.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *