删除选项后，在选择中刷新列表编号

Question

我在选择中有一个列表：

HTML：

 <select id='products'></select>

 //End result after 3 products added
 |1. Chips|
 |2. Gum  |
 |3. Cable|
 |  ...   |

JQuery的：

 var select = document.getElementById('products');
 var opt = document.createElement('option');
 opt.value = document.getElementById('aviProduct').value;
 select.appendChild(opt);

当我删除＃2时，它看起来像这样：

HTML：

 |1. Chips|
 |3. Cable|
 |  ...   |

JQuery的：

$("#products option:selected").remove(); 

我想显示数字的正确顺序。如何阅读每个选项及其值和文本并刷新select列表？

Answer 1

你需要＆＃34;简单地＆＃34;迭代选项元素并更新其文本。例如（省略错误处理，并假设文本格式一致）：

$("#products option:selected").remove();
var count = 0;
$("#products option").each(function()
    {
    count += 1;
    var $this = $(this);
    var text = $this.text();
    text = text.replace(/^\d+\./, '.');
    text = count+text;
    $this.text(text);
    });