یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
مجید
4 سال پیش توسط مجید مطرح شد
2 پاسخ

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

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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

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

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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

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

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

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