動態創建按鈕陣列

-1

我試圖從數組中動態創建按鈕列表。每個元素對的第一部分包含按鈕值，第二部分包含按鈕名稱。動態創建按鈕陣列

這是代碼我迄今它創建從陣列按鈕的列表，但名稱不正確鏈接（名字旁邊顯示的按鈕，而不是他們）

我如何正確格式這要做我所需要的？

<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type=text/javascript> 
     setInterval(function() { 
      $.getJSON('/_load_node', { 
      }, function(data) { 
       if(data.test_result == 1) { 
       $("div.value").html(data.test_result); 
       var newHTML = []; 
       for (var i = 0; i < data.next_steps.length; i++) { 
        newHTML.push('<p><button type="submit" name="action" value = ' + data.next_steps[i][0] + ' />' + data.next_steps[i][1] + '</button>'); 
       } 
       $("div.button").html(newHTML.join("")); 
       } 
      return false; 
      }); 
     }, 1000); 
    </script> 

</head> 
<body> 
<div class="value"></div> 
<div class="button"></div> 
</body>

檢查的頁面，它看起來像按鈕被返回作爲<p><button type="submit" name="action" value = value/> </button> name這是有意義的爲它們要被打印到一邊。有沒有辦法讓這個返回正確？

來源

2017-10-05 Indigo

button標籤已經在開幕時關閉。

newHTML.push(
    '<p><button type="submit" name="action" value = ' 
    + data.next_steps[i][0] 
    + ' />' // was closing this 
    + data.next_steps[i][1] 
    + '</button>');

修復它到

newHTML.push(
    '<p><button type="submit" name="action" value = ' 
    + data.next_steps[i][0] 
    + '>' 
    + data.next_steps[i][1] 
    + '</button>');

來源

2017-10-05 15:44:26

，因爲這是一個字符串，還可以使用引號：

newHTML.push('<p><button type="submit" name="action" value="' + data.next_steps[i][0] + '">' + data.next_steps[i][1] + '</button>');

來源

2017-10-05 19:52:26

動態創建按鈕陣列

回答

相關問題