顯示從下拉列表中選擇的值而不是ID

我正在使用jEditable來允許對我的DataTables進行內聯編輯。顯示從下拉列表中選擇的值而不是ID

我使用允許用戶選擇新值並將其更新回db的下拉列表。

我的下拉列表由值/ id對列表組成，id將用於鏈接到另一個db表以檢索相應的值。

public JsonResult GetFoodTypes() 
    { 
     // Select a list of food types as editable drop down 
     var foodTypes = dbEntities.FoodTypes.ToList(); 
     var list = foodTypes.Select(f => new[]{f.FoodTypeID.ToString(), f.FoodTypeName.ToString()}); 
     return Json(list, JsonRequestBehavior.AllowGet); 
    }

目前我能夠顯示的數值（對於我來說，這個名字：如水果，Rice..etc）在下拉，一旦用戶提交，我的ID存儲在表中。

我的問題是，一旦用戶提交新值，我的表格的文本字段顯示的是ID而不是VALUE。我需要刷新我的表的頁面，以顯示基於所選ID的正確VALUE（即名稱）。

任何想法如何讓我的表格直接在用戶提交後顯示VALUE而不刷新？

來源

2011-07-22 shennyL

我想我做類似的東西在這裏：

callback: function (value, settings) { 
      var temp = getFoodTypeName(value); 
      //alert(temp); 
      $(this).text(temp); 
     }

我用的回調並設置下拉字段文本的名稱，而不是的身份證，但我不知道這是一個非常糟糕的方式？

來源

2011-07-25 01:18:58 shennyL

嘗試：

$("#your_drop_down_id").change(function() { 

    // retrives the selected option's value 
    var id = $('option:selected', this).val(); 

    // retrives the selected option's inner text 
    var text = $('option:selected', this).html(); 

    // or do something else, you need, with id and/or text 
    alert(id + " : " + text); 
});

問候，賈瓦德

來源

2011-07-22 05:31:25

顯示從下拉列表中選擇的值而不是ID

回答

相關問題