Разбитие списка значений для select option
Здравствуйте, как можно сделать следующее:
1) Есть список значений через запятую: 1.0,1.5,2.0,2.5,3.0,3.5,4.0,4.5,5.0 или даже лучше так с переносом: 1.0 1.5 2.0 2.5 3.0 3.5 4.0 4.5 5.0 2) Как с помощью кювери при агрузке страницы запихнуть их в select option? Чтобы получилось так: <select id="linza"> <option value="1.0">1.0</option> <option value="1.5">1.5</option> <option value="2.0">2.0</option> <option value="2.5">2.5</option> <option value="3.0">3.0</option> <option value="3.5">3.5</option> <option value="4.0">4.0</option> <option value="4.5">4.5</option> <option value="5.0">5.0</option> </select> спасибо. |
Цитата:
|
StartGames,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
document.addEventListener("DOMContentLoaded", function() {
let linza = document.querySelector("#linza");
let str = "1.0,1.5,2.0,2.5,3.0,3.5,4.0,4.5,5.0";
str = JSON.parse(`[${str}]`).map(v => new Option(v.toFixed(1), v.toFixed(1)));
linza.append(...str)
})
</script>
</head>
<body>
<select id="linza"></select>
</body>
</html>
|
или так
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
document.addEventListener("DOMContentLoaded", function() {
let linza = document.querySelector("#linza");
let str = "1.0,1.5,2.0,2.5,3.0,3.5,4.0,4.5,5.0";
str = str.split(",").map(v => new Option(v, v));
linza.append(...str)
})
</script>
</head>
<body>
<select id="linza"></select>
</body>
</html>
|
как же я вам благодарен, вы Бог кодинга)))) знали бы вы как вы меня выручаете в это нелегкое время... В общем просто знайте - вы очень помогли хорошему человеку. Будь у меня свой дом где бы я мог жить (но я стремлюсь к этой цели) я бы делал точно как вы - помогал людям. К сожалению такой возможности у меня на данный момент нету, но я благодарен вам от чистого сердца.
|
| Часовой пояс GMT +3, время: 00:57. |