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

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

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

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 2909
پاسخ دهنده : 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
امتیاز: 1654 رتبه: 1
1 نظر
jamejam : ممنون از سایت خوبتون

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