如何在jQuery中添加字符串菜单x times



我有来自数据库的选项菜单,如果我添加了新的选项菜单项,该选项菜单未刷新,然后我添加Ajax Success Success函数以将该菜单项添加到选项菜单:

success: function(results) {
   if (results.ok) {
   list();
   var last_insert_id = results.last_inserted_id;
$('#katID').append($('<option>', {
   value: last_insert_id,
   text: here how can i add result variable times line ?
})); 

示例:

如果number = 2,则标题为: - 这是标题。

  $("#katID").change(function(){
      var selectedtext = $( "#katID option:selected" ).text();
      var result = selectedtext.split(" - ");
      console.log(result);
      var number = (result.length);
      var number = (number-1);
      alert(number);
  });
   
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control form-control-sm" id="katID" name="katID">
<option value="">Select</option>
<option value="0">Top Menu</option>
<option value="96">COMPUTERS</option>
<option value="100"> - DESKTOPS</option>
<option value="101"> -  - ASUS DESKTOPS</option>
<option value="97"> - NOTEBOOKS</option>
<option value="102"> -  - ASUS NOTEBOOKS</option>
<option value="94">TELEVISIONS</option>
<option value="99"> - LCDS</option>
<option value="103"> - PLASMA</option>
<option value="104"> -  - SONY PLASMA</option>
</select>

您可以通过简单的循环运行语句:

var appendTimes = /* Whatever you want the number to be */
for(var i = 0; i < appendTimes; i++) {
  $('#katID').append($('<option>', {
     value: (last_insert_id + i),
     text: "-".repeat(i + 1) + title
  })); 
}

最新更新