如何使用數組元素動態創建單選按鈕作爲按鈕的標籤

Question

我想根據數據庫中調用的數組元素創建單選按鈕。並且這些元素應該用作每個單選按鈕的標籤。我如何編碼。我打電話給6個元素作爲用戶名建議。並且當一個客人選擇任何一個按鈕時，那個特定按鈕的標籤將由客人替換輸入名稱類型。謝謝

Answer 1

function showSuggestions() { 
 
    var usernames = [ 
 
    'test1', 'test2', 'test3', 'test4' 
 
    ]; 
 
    
 
    var result = $('#result'); 
 
    result.html(''); 
 

 
    for (var i = 0; i < usernames.length; i++) { 
 
    result.append('<label><input type="radio" name="usernames" value="' + usernames[i] + '" /> ' + usernames[i] + '</label>'); 
 
    } 
 
} 
 
         
 
$('button').click(showSuggestions); 
 

 
$('#result').on('change', 'input', function() { 
 
    var elem = $(this); 
 
    if (elem.is(':checked')) { 
 
    $('#search').val(elem.val()); 
 
    } 
 
});

label { 
 
    display:block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="search" type="search" /><button>Search</button> 
 

 
<div id="result"></div>