在选择下拉列表中加入多个值

时间:2015-01-07 07:23:12

标签: javascript ajax dom

我在codeigniter中有一个ajax调用,它总是只返回两个值: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.');
        }   
    }   
 }

1 个答案:

答案 0 :(得分:0)

我认为你在寻找的是:

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'