2013-05-29 72 views
0

Iam嘗試將attr值綁定到下拉列表,因爲我需要超過2個值才能綁定到下拉列表。綁定attr值DropDown by JQuery?

success: function (JSONData) { 
      var Ports = $.parseJSON(JSONData.d); 
      $(".ddlFrom").empty();     
      $(".ddlFrom").append("<option value=''> </option>"); 

      $.each(Ports, function (index, value) { 
      $(".ddlFrom").append("<option value='" + value.ID + "'>" + value.Name + "</option>") 
           .attr("Sequence", value.Sequence); 

      }); 

但這裏的IAM有來下拉數據列表和IAM獲得最後一個序列時,我選擇下拉任何項目,我想下拉

任何幫助的設定值的各sequnce

回答

0

試試這個:

var Ports = $.parseJSON(JSONData.d); 
var select = $(".ddlFrom"); 
select.empty(); 
$.each(Ports, function (index, value) { 
    select.append("<option value='" + value.ID + "'>" + value.Name + "</option>") 
    select.find(":last").attr("Sequence", value.Sequence); 
}); 

或(更簡單的方法)將與您要追加像這樣的HTML補充一點:

var Ports = $.parseJSON(JSONData.d); 
var select = $(".ddlFrom"); 
select.empty(); 
$.each(Ports, function (index, value) { 
     select.append("<option value='" + value.ID + "' Sequence='" + value.Sequence + "'>" + value.Name + "</option>") 
    }); 

在更高的立場,它不是HTML語義使用自定義屬性(沒有錯誤,但可能會讓你的HTML看起來醜陋)。你也許可以嘗試使用data,其中jquery建議用於存儲信息abt的元素。

爲了得到一個值超出這個問題,請使用jQuery的find()這樣的導航到選擇的元素:

$(this).find(":selected").attr("Sequence") 

否則你會用undefined錯誤:)

Working fiddle結束(更新)

+0

我不想只有最後一個值,我想要相關的序列值,選定的下拉列表 –

+0

讓我看看是否有這個權利 - 第一選擇 - >第一序列,第二選項 - 第二序列,等等, 對? – krishgopinath

+0

是的,如果我有3條記錄說ID 1,2,3和名稱A,B,C seq 01,02,03,如果我從下拉列表中選擇一個我必須得到的序列號爲01 .., –