如何使用javascript将值附加到动态生成的选项？

我正在从Facebook阵列创建动态选项。我想将

access\u令牌

附加到所选页面选项值。环顾四周后，我不明白如何修改代码使其工作

标记

   <!-- DISPLAY CONNECT BUTTON -->
<button type="button" id="connect" onclick="login();return false;">

 <!-- DISPLAY SELECT OPTION LIST-->
 <div id="pageContainer" style="display:none;">
<select id="pages" style="display:none;"></select>
</div>   

Javascript

//open login dialog onClick
  function login() {  
FB.login(function(){
  FB.api('/me/accounts/',  function(response) {
            var pages = document.getElementById('pages');
            var pageContainer = document.getElementById('pageContainer');
            pages.style.display = 'block';
            pageContainer.style.display = 'block';
            document.getElementById("connect").style.display="none";
            for(var i =0; i < response.data.length; i++)
            {
              pages[i] = new Option(response.data[i].name);
            }
          }
        );

}, {scope: 'manage_pages'});
}

//单击打开登录对话框
函数login（）{
FB.login（函数（）{
FB.api（'/me/accounts/'，函数（响应）{
var pages=document.getElementById（'pages'）；
var pageContainer=document.getElementById（'pageContainer'）；
pages.style.display='block'；
pageContainer.style.display='block'；
document.getElementById（“connect”）.style.display=“无”；
对于（var i=0；i

选项对象的构造函数如下所示：

new Option(text, value, defaultSelected, selected);

如果要设置新选项的

值

，只需使用第二个参数设置值：

pages[i] = new Option(response.data[i].name, VALUE);

---

（我不知道你从哪里取的值，就放在那里吧）。

谢谢你的回答。我理解构造函数，但我得到的示例令人困惑。因此，要附加访问令牌，我应该执行类似于

pages[I]=new选项（response.data[I].name，response.data[I].access\u令牌）的操作？我不是从哪里获得
访问令牌的。如果您在
response.data[i]
中有
val
，并且它是一个具有
access\u token
属性的对象，那么您可以从那里获取它。。。