select初始化添加option,經過標籤給出回顯值，因爲回顯值和初始化值option中有一個值重複，去重等問題！

第一張圖片：

第二張圖片

 

 

/**
*該方法是爲了去重，所謂去重就是 由於回顯給select附上了值並設置爲selected選中狀態，而在咱們初始化全部的select添加option元素中於回顯的值重複，那麼就要去除select option中重複值
*/
function removeRepeatSelectHour(h){
   var $option=$("option:selected",h);//獲取被選中，
   // alert($option.val());
  console.log($option.val()+'/'+h.options.length);
  var size= h.options.length;
  var $options=$("option",h);//獲取select全部選項，
  if(h.options.length>25){// 再次獲取被選中，禁止下面比較再次把以後的數據刪除掉
  $options.each(function(i,n){
  // var options = "";
  // alert($(n)[0].text);
  if($option.val()===$(n)[0].text && size==h.options.length && $(n)[0].index!=0){//&& size==h.options.length能夠不要 讓選中的和下面option選項比較是否有重複的，而且$(n)[0].index!=0 由於第一次拿到的數據是selected選中的值，不能刪除！
  // alert($option.val()+'/'+$(n)[0].index);
   h.options[$(n)[0].index].remove();//經過$(n)[0].index 即option選項的下標元素刪除該元素
 }
/* $(h).find("option").each(function(j,m){
alert(j);
if(options.indexOf($(m)[0].outerHTML) == -1){
options += $(m)[0].outerHTML;
}
}); */
// $(n).html(options);
});
}
// h.options.remove($option.val());
// h.remve();
}

 

//hour這個函數方法沒有好好整理，界面就是引用此方法，不過很好容易理解，回頭下次作有時間可參考下面，強調記住不是經過id 獲取的標籤元素要用這個selectObj.options.add(new Option(val , val));  不然用append，別用appendchild

function hour(){
//var a=$("#sltid ").find("option:selected").val();
var sltid= $(".sltid");
var sltids= $(".sltids");
for ( var i = 0; i <=24; i++)
{

var opt = document.createElement("option");
if(i<10){
opt.value = "0"+i;
opt.innerText ="0"+i;
} else{
opt.value =i;
opt.innerText = i;
}

sltid.append(opt);
}

for ( var j = 0; j <=60; j++)
{
var opts = document.createElement ("option");
if(j<10){
opts.value = "0"+j;
opts.innerText ="0"+j;
} else{
opts.value =j;
opts.innerText = j;
}
sltids.append(opts);
}
}

//頁面初始化加載這些時間等下拉框

$(document).ready(function() {
hour();
loadYearOrMonth();
//加入分頁的綁定
$("#Pagination").pagination(${mp.page.pages }, {
callback: pageselectCallback,
prev_text: "<i></i>上一頁",
next_text: "下一頁 <i></i>",
link_to: "javascript:",
items_per_page: 1,
num_display_entries: 1,
current_page: ${mp.page.pageNum-1 },
num_edge_entries: 1
});
});
function loadYearOrMonth()
{
var echoDate ='${mp.YMDate}';
var year=echoDate.substring(0, 4);
var month=echoDate.substring(5, 7);
var now = new Date();
var currentYear = year;
var currentMonth = month;
BindSelect(document.getElementById('year'), currentYear, currentYear + 8, currentYear);
BindSelect(document.getElementById('month'), 1, 12, currentMonth);
};

function BindSelect(selectObj, startValue, endValue, selectedValue)
{

var i = 0; for(var val = startValue; val <= endValue; val++) { selectObj.options.add(new Option(val , val)); if(val == selectedValue)selectObj.options[i].selected = true; i++; };};