Cách dễ dàng để thêm menu thả xuống với 1 - 100 mà không thực hiện 100 tùy chọn khác nhau?

Tôi chỉ tự hỏi nếu có một phím tắt đơn giản để thêm tùy chọn để một menu thả xuống cho các số từ 1 đến 100 thay vì phải làm như sau:Cách dễ dàng để thêm menu thả xuống với 1 - 100 mà không thực hiện 100 tùy chọn khác nhau?

<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>

vv tất cả các cách để 100?

Cảm ơn

Nguồn

2012-04-13 GibsonFX

Không có HTML thuần túy Tôi sợ.

Bạn có thể sử dụng một số jQuery để làm mặc dù điều này:

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

-- SEE DEMO --

Bạn có thể tải jQuery here

Nguồn

2012-04-13 14:27:14 Curt

rằng sẽ làm việc lớn, mà jQuery ngôn ngữ nào để tôi nhúng rằng trong?

Không phải với HTML thuần túy như xa như tôi biết.

Nhưng với JS hoặc PHP hoặc một ngôn ngữ kịch bản khác như JSP, bạn có thể làm điều đó rất dễ dàng với vòng lặp for.

Ví dụ trong PHP:

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

Nguồn

2012-04-13 14:27:24 jammypeach

rất hữu ích, Cảm ơn bạn :) – GibsonFX

Bạn đang sử dụng JavaScript hoặc jQuery ngoài html? Nếu bạn đang có, bạn có thể làm một cái gì đó như:

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);

Như bạn có thể see here.

Một tùy chọn khác cho các trình duyệt tương thích thay vì lựa chọn, bạn có thể sử dụng là HTML5 của input type=number:

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

Nguồn

2012-04-13 14:28:42 DarkAjax

rất hữu ích, Cảm ơn bạn :) – GibsonFX

Tôi thấy điều này là cũ nhưng ... Tôi không biết nếu bạn đang tìm kiếm mã để tạo những con số/tùy chọn mỗi khi được tải hay không. Nhưng tôi sử dụng một trang excel hoặc mở văn phòng calc và nơi sử dụng tự động đánh số tất cả các thời gian. Nó có thể giống như thế này ...

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

Sau đó, tôi đánh dấu các ô trong hàng và kéo chúng xuống cho đến khi có 100 hoặc số mà tôi cần. Bây giờ tôi có đoạn mã mà tôi vừa nhắc lại.

Nguồn

2015-04-30 05:21:37 James

Jquery One-lót:

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})}))

Nguồn

2016-10-01 03:19:17 Kuf

-2

Nếu nó luôn luôn là 100, bạn gõ tốt nhất nó tĩnh vào HTML.Với thủ thuật Excel đơn giản, chỉnh sửa, hoặc thậm chí đơn giản, điều này sẽ không mất quá nhiều thời gian, và nó sẽ không gây gánh nặng cho bộ xử lý khi chạy, mọi lúc. Anh ta cũng thấy chán, bạn biết đấy ...

Nguồn

2017-02-14 21:56:50

Hãy luôn đọc câu hỏi và hiểu nó trước khi trả lời. Nếu không, bạn sẽ gây nhầm lẫn cho một số người trên nền tảng này. – Arthur

Như mọi người khác đã nói, không có một trong html; tuy nhiên, bạn có thể sử dụng PUG/Jade. Trong thực tế, tôi làm điều này thường xuyên.

Nó sẽ giống như thế này:

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

này sẽ tạo ra:

Nguồn

2017-12-10 20:27:01 chbchb55

Các vấn đề liên quan

Cách dễ dàng để thêm menu thả xuống với 1 - 100 mà không thực hiện 100 tùy chọn khác nhau?

Trả lời

Các vấn đề liên quan