Cheizer

А ширина канала какая в 5Ghz в роутере? и номер канала какой?

Добрый день.
Есть такая конструкция как foreach();
Вот с его помощью и перебирайте массив.
Как-то так:

foreach($array as $key => $value){
    echo $value;
}

p.s. Если Вы хотите подставить в переменную результат работы цикла, то сначала получите результат работы, а потом подставляйте в переменную.
Приблизительно так:

$result = '';
foreach ($useroption as $value)
{
     $result .= $value;
}
$messageBody ='
<table>
<tr><td> '.$color_htm.'</td></tr>
<tr><td>'.$result.'</td></tr>
</table>';

Или, если Вам надо в таблицу подставить несколько строк, то можно сделать так:

foreach ($useroption as $value)
{
     $result .= '<tr><td>'.$value.'</td></tr>';
}
$messageBody ='
<table>
<tr><td> '.$color_htm.'</td></tr>
'.$result.'
</table>';

var toSend = [];

$(".option").each(function(index, value) {
    var thisoption = "";
    var thisvalue = "";

    toSend.push({
        option: $(this).find('.current').text(),
        value: $(this).find('.value').text()
    });
});

sendToHandle();
function sendToHandle() {
    $.ajax({
        type: "POST",
        url:   mailURL,
        data: toSend
    })
}

Может взять проще?
materializecss.com/preloader.html

Или заменить: https://icons8.com/preloaders/en/free

Оберните свою таблицу в div, который будет overflow:hidden
Таблице задайте width, height 100% + border-width и translate X и Y на -ширинабордера
https://jsfiddle.net/5ynfpn3n/

но через table это делается проще

ps поправил первый пост

у функции свой this
https://jsfiddle.net/zdz3mvvf/1/

Всё просто. Когда ты динамически создаёшь новый компонент по клику, после инициализации всех скриптов, компонент не привяжется к своей логике. Просто потому что сначала создаём - потом инициализируем логику. Если логика уже обработана браузером, при добавлении новой разметки она не привяжется к своей логике, но это легко поправить.
Пишем в переменную 2 разные функции. В первой - динамическое добавление разметки в DOM, во второй - логика, которую нужно привязать к разметке. Условно назову их create() и initAjaxOnForm().
Как только document ready - в коллбэк create(в аргументы закинем селектор родителя, куда пулять разметку) потом ajaxForm(в аргументы селектор компонента)
Так же и в btn.click ->
create(node)
ajaxForm('.form')

А вообще для подобных нужд есть Vue / React и прочие

https://codepen.io/anon/pen/rJVoYx/

Можно сделать вот так

@keyframes scale {
    0 {
        transform: scale(.9)
    }
    30% {
        transform: scale(1)
    }
    100% {
        transform: scale(.9)
    }
}

В этом коде просто нужно было поставить знак "процент" возле нуля.