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

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

ثبت پرسش جدید

میلاد-م

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

@milad 4 سال پیش مطرح شد

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

<!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 4 سال پیش مطرح شد

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

ارسال پاسخ

میلاد-م

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

@milad 4 سال پیش مطرح شد

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

<!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>

ارسال پاسخ

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

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

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

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

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

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