راکت
حل شده

اضافه کردن مقدار select multiple به textarea

2 پاسخ

من داخل سایتم select multiple دارم ک شامل نام افراد هست نیاز دارم برای هر شخص توضیحاتی بنویسم، نیاز دارم که وقتی در select multiple افراد انتخاب می شوند نامشون در textarea هر کدام در یک خط نمایش داده بشه که توضیحات برای هر فرد اضافه بشه با توجه به قسمت های دیگه راهی غیر از این ندارم و نمیتونم داخل ساختار تغییر ایجاد کنم
کسی میتونه راهنمایی کنه

ثبت پرسش جدید

پاسخ‌ها

2
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

بهترین پاسخ

این کدی که نوشتم باید کامل پاسخگوی شما باشه.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>pass-selectMultiple-textarea</title>
    <style>

    </style>
</head>
<body>
    <select id="box1" multiple>
        <option></option>
        <option>first text</option>
        <option>second text</option>
        <option>third text</option>
        <option>fourth text</option>
    </select>

    <input value="Write" onclick="getSelectValues()" type="button"> <br>

    <textarea id="selMultipleOutput" rows="6" cols="12"></textarea> 

    <script>
        // Return an array of the selected opion values
        // select is an HTML select element
        function getSelectValues() {
            var select = document.querySelector('#box1');
            var result = [];
            var options = select && select.options;
            var opt;

            for (var i=0, iLen=options.length; i<iLen; i++) {
                opt = options[i];

                if (opt.selected) {
                  result.push(opt.value || opt.text);
                }
            }

            document.querySelector("#selMultipleOutput").value = result.join('\n');
            <!-- return result; -->
        }       
    </script>
</body>
</html>
مجید
مجید
@majeeddehghan

تخصص: برنامه نویس

کسی نمیتونه کمک کنه ؟

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام