Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать селект из массива (https://javascript.ru/forum/dom-window/34680-kak-sdelat-selekt-iz-massiva.html)

Axios 14.01.2013 22:41

Как сделать селект из массива
 
Помогите сдделать следующий селект

Есть массив:

var course = [course1, course2, course3, course4, course5, course6, course7, course8, course9, course10, course11, course12, course13, course14, course15, course16, course17, course18, course19, course20, course21, course22, course23, course24, course25, course26];


Как мне из него получить следующий select

<select id="course">
<option value="1">course1</option>
<option value="2">course2</option>
<option value="3">course3</option>
<option value="4">course4</option>
<option value="5">course5</option>
...
</select>


Больше интересует на jquery так как он как-то стабильней в разных браузерах работает. но и на чистом JS будет отлично

заранее спасибо.

Axios 15.01.2013 00:35

Нашел ответ:

var course = [course1, course2, course3, course4, course5, course6, course7, course8, course9, course10, course11, course12, course13, course14, course15, course16, course17, course18, course19, course20, course21, course22, course23, course24, course25, course26];

var optionsarray = course;
var seloption = "";
$.each(optionsarray,function(i){
    seloption += '<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>'; 
});
$('#type_course').append(seloption);

рони 15.01.2013 00:36

Axios,
:cray:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
  <title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var course = "course1, course2, course3, course4, course5, course6, course7, course8, course9, course10, course11, course12, course13, course14, course15, course16, course17, course18, course19, course20, course21, course22, course23, course24, course25, course26".split(", ");
$("body").append($('<select id="course">'));
$.map(course, function(value,key) {
$('#course').append($("<option>", {value: key+1,text: value}));
})})
</script>
</head>
<body>
</body>
</html>

Axios 15.01.2013 00:37

Можно самому себе карму плюсануть:)

Axios 15.01.2013 00:39

Рони, у тебя то что надо, щас потустирую. У меня без парядкового номера получилось

Axios 15.01.2013 01:46

Рони, у меня подтягиваются название course1, course2...

а они у меня как переменный, которые парсят CSV, но он их не выводит, а выводит сами переменные course1, course2...

Как исправить?

Axios 15.01.2013 01:47

Разобрался, надо было убрать .split(", ")


Часовой пояс GMT +3, время: 19:14.