在選擇下拉列表中加入多個值

我在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.'); 
     } 
    } 
}

來源

2015-01-07 ekm383

首先將一個字符串中的值與像你提到的那樣加上特殊的字符（:)，而不是添加你的選項。 – Yash

我知道你在尋找的是：

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'

來源

2015-01-07 07:32:55

哦，男孩......我覺得自己像個白癡一樣問 - 它很有用。 – ekm383

@ ekm383 :)我也曾經一次問過這樣的問題。如果您是Javascript新手，我會推薦這本免費的在線書籍http://eloquentjavascript.net。而這些視頻，http://yuiblog.com/crockford/一旦你對此感到滿意。 –

我會檢查出來的，謝謝你的參考！ – ekm383

在選擇下拉列表中加入多個值

回答

相關問題