一个基于jQuery的下拉菜单可能的解决方案? [英] a possible solution of jquery based dropdown?

问题描述

我正在通过jquery append函数在完全独立的页面上生成一个下拉列表.如果我只是使用append，我将获得重复的数据行

I am generating a dropdown on a completely separate page by jquery append function. I was getting duplicate rows of data if I just use append

  if(params.totalRecords > 50){
         var i, j;
    j = 0;              
    for(i=0; i < params.totalRecords; i++){                 
    if(i%50==0){
    $('#startRecord').append( 
    $('<option></option>').val(i).html((j+1)+'-'+(j+=50)));          
    }
  }             
    $('#dropDownSpan').css('visibility', 'visible'); 
}  

所以现在当我添加要下拉的值时，它正在添加重复的行

so now when I was adding the values to drop down it was adding duplicate rows like this

<option value=0>1-50</option>
<option value=50>51-100</option>
<option value=0>1-50</option>

根据我选择的选项，它只会使其重复.

depending what option I would choose, it would just make it duplicate.

现在要避免执行以下操作

Now to avoid that I did the following

  if(params.totalRecords > 50){
    $('#startRecord').val(0).html("1-50");
    var i, j;
    j = 0;              
    for(i=0; i < params.totalRecords; i++){                 
    if(i%50==0){
    $('#startRecord').append( 
    $('<option></option>').val(i).html((j+1)+'-'+(j+=50)));          
    }
  }             
    $('#dropDownSpan').css('visibility', 'visible'); 
}    

现在的问题是，它总是将其搁置到1-50个记录的原因

Now the problem is that it alway restes it to 1-50 records cause of

$('#startRecord').val(0).html("1-50");

如何显示最后选择的那个. 谢谢

How could I show the last selected one there. thanks

推荐答案

这篇关于一个基于jQuery的下拉菜单可能的解决方案?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！