Дисплей Цвет продукта с размером продукта - PullRequest
Новая
       2

Дисплей Цвет продукта с размером продукта

0 голосов
/ 19 сентября 2019

Я получил значение из раскрывающегося значения множественного выбора 2, например: 

var color =  [Red,Black];
var size = [41,42,43];

Я хочу отображать размер и цвет таблицы, используя JavaScript или JQuery.

Результат должен быть таким 

<table>
  <tr>
    <th>COlor</th>
    <th>Size</th>
  </tr>
  <tr>
    <th>Red</th>
    <th>41</th>
  </tr>
  <tr>
    <th>Red</th>
    <th>42</th>
  </tr>
  <tr>
    <th>Red</th>
    <th>43</th>
  </tr>
    <th>Black</th>
    <th>41</th>
  </tr>
  <tr>
    <th>Black</th>
    <th>42</th>
  </tr>
  <tr>
    <th>Black</th>
    <th>43</th>
  </tr>
</table>

1 Ответ

0 голосов
/ 19 сентября 2019

Имея этот HTML: 

<html>
<body>
<table id="myTable">
<tr>
  <th>
    Color
  </th>
  <th>
    Size
  </th>
</tr>
</table>
</body>
</html>

Вы должны выполнить цикл для каждого возможного значения, которое у вас есть 

jQuery(document).ready(function(){
  var color =  ["Red","Black"];
  var size = [41,42,43];

  var table = jQuery("#myTable");
  for(var i=0; i<color.length; i++){
    for(var j=0; j<size.length; j++){
        var row = "<tr><td>"+color[i] + "</td><td>" + size[j] +"</td></tr>"
      table.append(row)
    }
  }
})

Вывод будет: 


Color   Size
Red     41
Red     42
Red     43
Black   41
Black   42
Black   43
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...