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

时间:2017-08-27 23:40:15

标签: javascript jquery

我正在从Facebook阵列创建动态选项。我想将access_token附加到所选页面选项值。环顾四周后,我不明白如何修改我的代码以使其正常工作。

标记

   <!-- 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'});
}

1 个答案:

答案 0 :(得分:1)

Option对象的构造函数如下所示:

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

如果要设置新选项的value,只需使用第二个参数设置值:

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

(我不确定你从哪里获取价值,只是把它放在那里)。