如何使用jquery在nopcommerce中清除和设置文本框,复选框和下拉列表

时间:2014-05-09 11:33:01

标签: javascript jquery nopcommerce

您好,我的观点如下

<table class="adminContent">
    <tr>
        <td class="adminTitle">
            @Html.NopLabelFor(model => model.Published)
        </td>
        <td class="adminData">
            @Html.EditorFor(model => Model.Published)
            @Html.ValidationMessageFor(model => Model.Published)
        </td>
    </tr>
    <tr>
        <td class="adminTitle">
            @Html.NopLabelFor(model => model.SearchCategoryId)
        </td>
        <td class="adminData">
            @Html.DropDownList("SearchCategoryId", Model.AvailableCategories)
        </td>
    </tr>
    <tr>
        <td class="adminTitle">
            @Html.NopLabelFor(model => model.Price)
        </td>
        <td class="adminData">
            @Html.EditorFor(model => Model.Price)
            @Html.ValidationMessageFor(model => Model.Price)
        </td>
    </tr>
</table>

我试图在javascript中设置价格

$('#@Html.FieldIdFor(model => model.Price)').val('3333');

但它没有反映在视图中我还需要重置下拉列表以使用“全部”选项并重置复选框

2 个答案:

答案 0 :(得分:1)

默认情况下,nopCommerce使用Telerik NumericTextBox。你不能使用jQuery“val”functiona来设置它的值。你没有指定你的nopCommerce版本,所以我认为你正在使用verion 3.30。它使用KendoUI(之前使用的是Telerik MVC Extensions)。您可以填写API here。它演示了如何为NumericTextBox

设置值

答案 1 :(得分:0)

您展示的代码是正确的。这是FieldIdFor的预期用途,因此问题应该出现在您未显示的代码中。

我的第一个建议是检查浏览器的控制台是否有错误,并设置一个断点debugger;

要继续这个问题,您应该提供有关上下文的更多信息,例如:

  • 完成阻止的javascript代码。
  • 呈现的html代码示例。
相关问题