Почему не работает этот простой код?

Question

[vova0808]

Переписываю один скрипт, не могу понять почему это не работает

<div id="dRoles"><span class="sHeader">Роль</span><span id="sRole1"><select>
                <option value="1">&nbsp;</option>
                <option value="2">Мафия</option>
                <option value="3">Босс</option>
                <option value="4">Комиссар</option>
                <option value="5">Доктор</option>
                <option value="6">Красотка</option>
                <option value="7">Маньяк</option>
                <option value="8">Бессмертный</option>
                <option value="9">Вор</option>
                <option value="10">Смертник</option>
            </select></span><span id="sRole2"><select>
                <option value="1">&nbsp;</option>
                <option value="2">Мафия</option>
                <option value="3">Босс</option>
                <option value="4">Комиссар</option>
                <option value="5">Доктор</option>
                <option value="6">Красотка</option>
                <option value="7">Маньяк</option>
                <option value="8">Бессмертный</option>
                <option value="9">Вор</option>
                <option value="10">Смертник</option>
            </select></span><span id="sRole3"><select>
                <option value="1">&nbsp;</option>
                <option value="2">Мафия</option>
                <option value="3">Босс</option>
                <option value="4">Комиссар</option>
                <option value="5">Доктор</option>
                <option value="6">Красотка</option>
                <option value="7">Маньяк</option>
                <option value="8">Бессмертный</option>
                <option value="9">Вор</option>
                <option value="10">Смертник</option>
            </select></span><span id="sRole4"><select>
                <option value="1">&nbsp;</option>
                <option value="2">Мафия</option>
                <option value="3">Босс</option>
                <option value="4">Комиссар</option>
                <option value="5">Доктор</option>
                <option value="6">Красотка</option>
                <option value="7">Маньяк</option>
                <option value="8">Бессмертный</option>
                <option value="9">Вор</option>
                <option value="10">Смертник</option>
            </select></span><span id="sRole5"><select>
                <option value="1">&nbsp;</option>
                <option value="2">Мафия</option>
                <option value="3">Босс</option>
                <option value="4">Комиссар</option>
                <option value="5">Доктор</option>
                <option value="6">Красотка</option>
                <option value="7">Маньяк</option>
                <option value="8">Бессмертный</option>
                <option value="9">Вор</option>
                <option value="10">Смертник</option>
            </select></span></div>

var arSpan = Array();
		$('#dRoles').find('select').each(function () {
			arSpan.push($(this).parent().attr('id'));
		});

Вроде всё просто, но браузер виснет если запускаешь это.

Comments

[alex-1917]

Не ясно, что НУЖНо по итогам? если получить id селекта, который изменен, то в вашем коде не хватает половины строк

Answer 1

[lamer350]

$('#dRoles select').each(function () {

Comments

[vova0808]

Всё равно виснет(

[lamer350]

Это уже у вас какие то проблемы, может другую версию jquery попробуйте...

[SagePtr]

Или выкинуть jQuery и на чистом JS:

let arSpan = [].map.call(document.querySelectorAll('#dRoles select'), el => el.parentNode.id);

[vova0808]

Спасибо, вот так всегда исправляешь одо ломается другое(
Елси не сложно можешь посмотреть https://github.com/vov4k/mafia

Answer 2

[pashted]

сталкивался с подобным. помогла такая запись. причину тогда выяснить не удалось

var arSpan = Array();
    $.each($('#dRoles').find('select'), function () {
        arSpan.push($(this).parent().attr('id'));
    });

Comments

[vova0808]

Спасибо, вот так всегда исправляешь одо ,ломается другое(
Елси не сложно можешь посмотреть https://github.com/vov4k/mafia

Answer 3

[alex-1917]

bit8.ru/api/select1.php

var arSpan = [], arSpan2 = [], arSpan3 = [];
$("#dRoles select").val('');

$("#dRoles select").change(function() 
{
    arSpan.push($(this).parent().attr('id'));
	$('#res').html(arSpan.join());
	arSpan2.push($(this).val());
	$('#res2').html(arSpan2.join());
	arSpan3.push($(this).find('option:selected' ).text());
	$('#res3').html(arSpan3.join());
});