Присоединение нескольких значений в выпадающем списке выбора

Question

У меня есть вызов ajax в codeigniter, который всегда будет возвращать только два значения: team_id1 и team_id2. Я пытаюсь объединить два результата как одно значение value="1:2" вместо value="1", value="2". Я пробовал el.join(":");, но это ничего не делает. Я предполагаю, что appendChild() запрещает объединение. Есть ли работа? Мне нужны значения таким образом для надежного выпадающего списка. Спасибо, что посмотрели!

function alertContents() { 
    if (httpRequest.readyState === 4) { 
     if (httpRequest.status === 200) { 
      var data = JSON.parse(httpRequest.response); 
      var select = document.getElementById('match'); 
      if(emptySelect(select)){ 
       for (var i = 0; i < data.matchup.length; i++){ 
        var el = document.createElement("option"); 
         el.textContent = data.matchup[i].team_id; 
         el.value = data.matchup[i].team_id; 
         select.appendChild(el); 
       } 
      } 
     } else { 
      alert('There was a problem with the request.'); 
     } 
    } 
} 

Answer 1

Я думаю, что вы ищете:

el.value = data.matchup[i].team_id1 + ":" + data.matchup[i].team_id2 

или

el.value = data.matchup[0].team_id + ":" + data.matchup[1].team_id 

Ключ в том, что вы можете использовать простую конкатенацию, чтобы получить желаемое значение

var team_1 = 'a'; 
var team_2 = 'b'; 

var value = team_1 + ':' + team_2; // = 'a:b'