在 select 下拉列表中加入多个值

Question

我在 codeigniter 中有一个 ajax 调用，它总是 return 只有两个值：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'

在 select 下拉列表中加入多个值

Join multiple values in select dropdown

javascript

ajax

dom