Łatwy sposób dodania rozwijanego menu za pomocą 1 - 100 bez wykonywania 100 różnych opcji?

Zastanawiam się, czy nie było to proste, aby dodać skrót do opcji menu rozwijanego dla liczb od 1 do 100 zamiast wykonać następujące czynności:Łatwy sposób dodania rozwijanego menu za pomocą 1 - 100 bez wykonywania 100 różnych opcji?

<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option>

itd. Aż do 100?

Dzięki

Źródło

2012-04-13 GibsonFX

Nie z prostym kodem HTML Obawiam się.

Można użyć trochę jQuery to zrobić chociaż:

$(function(){ 
    var $select = $(".1-100"); 
    for (i=1;i<=100;i++){ 
     $select.append($('<option></option>').val(i).html(i)) 
    } 
});

-- SEE DEMO --

Można pobrać jQuery here

Źródło

2012-04-13 14:27:14 Curt

, które działają świetnie, który jQuery język mogę osadzić że?

Nie z czystym HTML o ile wiem.

Ale z JS lub PHP lub innym językiem skryptowym, takim jak JSP, możesz to zrobić bardzo łatwo z pętlą for.

Przykład w PHP:

<select> 
<?php 
    for ($i=1; $i<=100; $i++) 
    { 
     ?> 
      <option value="<?php echo $i;?>"><?php echo $i;?></option> 
     <?php 
    } 
?> 
</select>

Źródło

2012-04-13 14:27:24 jammypeach

bardzo pomocna, dziękuję :) – GibsonFX

Używasz JavaScript lub jQuery oprócz html? Jeśli tak, można zrobić coś takiego:

HTML:

<select id='some_selector'></select>

jQuery:

var select = ''; 
for (i=1;i<=100;i++){ 
    select += '<option val=' + i + '>' + i + '</option>'; 
} 
$('#some_selector').html(select);

jak można see here.

Inną opcją dla kompatybilnych przeglądarek zamiast select, można użyć HTML5 jest na input type=number:

<input type="number" min="1" max="100" value="1">

Źródło

2012-04-13 14:28:42 DarkAjax

bardzo pomocna, dziękuję :) – GibsonFX

widzę to jest stary, ale ... Nie wiem, czy szukasz kodu do generowania liczb/opcje za każdym razem, gdy jest załadowany lub nie. Ale używam strony Calc i Open Office Calc i korzystam z automatycznej numeracji przez cały czas. To może wyglądać tak ...

| <option> | 1 | </option> |

Następnie podświetlam komórki w rzędzie i przeciągam je, aż pojawi się 100 lub potrzebna liczba. Mam teraz fragmenty kodu, do których po prostu się odwołuję.

Źródło

2015-04-30 05:21:37 James

Jquery jednej wkładki:

ES6 + jQuery:

$('#select').append([...Array(100).keys()].map((i,j) => `<option>${i}</option >`))

Lodash + jQuery:

$('#select').append(_.range(100).map(function(i,j){ return $('<option>',{text:i})}))

Źródło

2016-10-01 03:19:17 Kuf

-2

Jeśli zawsze jest 100, to najlepiej wpisać je statycznie w HTML.Dzięki edycji wielowierszowej lub nawet prostej sztuczce Excela nie powinno to zająć zbyt wiele czasu i nie będzie obciążać procesora w czasie wykonywania za każdym razem. On też się nudzi, wiesz ...

Źródło

2017-02-14 21:56:50

Proszę zawsze przeczytać pytanie i zrozumieć najpierw przed odpowiedzią. W przeciwnym razie możesz pomylić niektórych ludzi na platformie. – Arthur

Jak wszyscy inni mówili, nie ma nikogo w html; jednak możesz użyć PUG/Jade. W rzeczywistości robię to często.

To będzie wyglądać mniej więcej tak:

select 
    - var i = 1 
    while i <= 100 
    option=i++

To Produkujemy:

Źródło

2017-12-10 20:27:01 chbchb55

Powiązane problemy

Łatwy sposób dodania rozwijanego menu za pomocą 1 - 100 bez wykonywania 100 różnych opcji?

Odpowiedz

Powiązane problemy