如何在MVC中使用Jquery更改标签的标题?

时间:2013-04-04 10:32:25

标签: jquery asp.net-mvc asp.net-mvc-3 razor

我正在开发MVC应用程序。

我想在更改下拉项目时更改标签的标题。 我在列表中有Check,DD和RTGS操作,下面的代码用于显示这些项目。

@Html.LabelFor(model => model.PaymentMode, "Payment Mode")          
@Html.DropDownList("PaymentMode", new SelectList(ViewBag.PaymentModes, Model))

当用户更改付款模式时,请说检查到DD,然后下面的项目标签实体应该更改,例如从支票编号 - > DD号。

   @Html.LabelFor(model => model.ChequeNo,"Cheque No.")
   @Html.EditorFor(model => model.ChequeNo, new { style = "width:138px;" })

我写了下面的jquery,但它没有用。它改变了字段标题而不是标签标题,怎么做?

  $(document).ready(function () 
    {
        $('#PaymentMode').change(function () {


            $('#ChequeNo').prop('ChequeNo', 'DD No');
            var elementTitle = document.getElementById('ChequeNo').title;
            alert(elementTitle);
        });
    });

2 个答案:

答案 0 :(得分:1)

我认为您正在尝试更改与输入相关联的标签的文本,如果我是正确的那么它就像这样简单:

$("#ChequeNo").prev("label").html('DD No');

答案 1 :(得分:1)

实际上,您尝试访问的标签没有'id'属性,因此您需要查找'for'属性标签,即

$('label[for="ChequeNo"]').html('DD No.');

希望这会有所帮助.. :)