如何使用jQuery在nopcommerce中清除和設置文本框，復選框和下拉列表

Question

您好我有以下觀點

<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');

但它並未反映在視圖中，我還需要重置下拉列表以使用“全部”選項並重置復選框

Answer 1

默認情況下，nopCommerce使用Telerik NumericTextBox。 您不能使用jQuery“ val” functiona設置其值。 您沒有指定nopCommerce版本，因此我認為您使用的是Verion 3.30。 它使用KendoUI（以前使用Telerik MVC擴展）。 您可以在此處找到API。 它演示了如何為NumericTextBox設置值

Answer 2

您顯示的代碼是正確的。 那是FieldIdFor的預期用途，因此問題應該出在您未顯示的代碼中。

我的第一個建議是檢查瀏覽器的控制台是否有錯誤，並使用debugger;設置一個斷點debugger;

要繼續這個問題，您應該提供有關上下文的更多信息，例如：

• 完成該塊的javascript代碼。
• 呈現的html代碼的示例。