دسته بندی ها
10:19 1400/04/26

دریافت اطلاعات یک input و نمایش در input دیگر توسط جاوااسکریپت

مشخصات سوال کننده :
کاربر : jamejam     امتیاز کاربر : 0     رتبه کاربر : 7062
دسته بندی : Asp.net Mvc Asp.net Core جاوا اسکریپت

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 2953
هوش مصنوعی

پاسخ هوش مصنوعی

شما می توانید برای دریافت اطلاعات از یک فیلد ورودی و اعمال تغییرات بر روی آن به یکی از دیگر فیلدهای ورودی، از جاوااسکریپت استفاده کنید. در این کد، ما به کاربر اجازه می دهیم تا عددی را در فیلد اول وارد کند و در فیلد دوم، 30 سانتی متر از آن عدد کسر شود و نتیجه در فیلد سوم نمایش داده شود.


در این کد:

  • فیلد ورودی اول (ltak70arz) عددی را از کاربر دریافت می کند.
  • تابع calculate() با استفاده از رویداد oninput فراخوانی می شود.
  • نتیجه محاسبه در فیلد ورودی دوم (ltak70ertefa) نمایش داده می شود.
  • فیلد دوم فقط برای نمایش نتیجه است و قابل ویرایش نیست (با استفاده از ویژگی readonly).
به این پاسخ امتیاز بدهید    0
امتیاز: - رتبه: -
پاسخ دهنده : saedbfd 13:04 1400/04/26

اگر شما میخواید اطلاعات یک input رو دریافت کنید و با تغییراتی در input دیگه ای نمایش بدید با توجه به اینکه همه این عملیات در سمت کلاینت انجام میشه میتونید از جی کوئری و یا جاوااسکریپت برای این کار استفاده کنید. به مثال زیر دقت کنید.

فرض کنید دو تا input با id های txt1 و txt2 داریم.

<div>
    <input id="txt1" type="number" />
</div>


<div>
    <input id="txt2" type="number" />
</div>

حالا می خواهیم هر مقداری که در txt1 وارد شد 30 تا ازش کم بشه و در txt2 نمایش داده بشه. خب کافیه در قسمت کدهای جی کوئری دستور زیر رو بنویسید :

@section Scripts{
    <script>
        $("#txt1").on("input", function () {
            var txt1 = $("#txt1").val() - 30;
            
            $("#txt2").val(txt1);
        });
    </script>
}

 

در مجموع کدها به شکل زیر میشه :

<div>
    <input id="txt1" type="number" />
</div>


<div>
    <input id="txt2" type="number" />
</div>

@section Scripts{
    <script>
        $("#txt1").on("input", function () {
            var txt1 = $("#txt1").val() - 30;
            
            $("#txt2").val(txt1);
        });
    </script>
}

 

به این پاسخ امتیاز بدهید    1
امتیاز: 1664 رتبه: 1
1 نظر
jamejam : ممنون از سایت خوبتون

امتیاز کاربر : 0   رتبه کاربر : 7062   تاریخ ثبت : 09:12 1400/04/27
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود