Member 13463522 Ответов: 1

Как создать переключатели для объектов в списке в javascript

я использую выпадающий список для просмотра всех имен листов .я хочу напечатать все имена листов в переключателе, а не в раскрывающемся списке. Как я могу это сделать в JavaScript?

Что я уже пробовал:

$(document).ready(function() {
var a = {
	            Sheets: [{
	                "sheetID": "0",
	                "sheetname": "sheet1"
	            }, {
	            	"sheetID": "1",
	                "sheetname": "sheet2"
	            }, {
	            	"sheetID": "2",
	                "sheetname": "sheet3"
	            }, {
	            	"sheetID": "3",
	                "sheetname": "sheet4"
	            }]
	        };
	       $.each(a.Sheets, function (key, value) {$("#sheet").append($('<option').val(value.sheetID).html(value.sheetname));
	        });

	        $('#sheet').change(function () {
	            alert($(this).val());
	            //Code to select image based on selected car id
	        });

1 Ответов

Рейтинг:
0

Afzaal Ahmad Zeeshan

Хотя это и не является частью ответа, но это не JSON. Это всего лишь простой объект JavaScript. Забавно, что документ JSON и объект JavaScript-это совершенно одно и то же (но, тем не менее, правильное их название может помочь вам получить правильные и полезные ответы).

Теперь для части ответа вы можете просто изменить код, в котором вы генерируете элементы опций, и вместо этого использовать переключатели, 

$.each(a.Sheets, function (key, value) 
{
    $("#sheet").append("<input type='radio' name='" + value.sheetname + "' /> " + value.sheetID + " <br />");
});

Что-то вроде этого вам поможет. Что касается других целей укладки или DOM, добавьте больше элементов, таких как <label> и т.д.