jquery - 有没有办法在html标签中动态设置data-value属性的值？

Question

我在 HTML 标签中使用属性来控制数据。我应该如何动态设置数据值？

我正在为应用程序设置新配置。根据这个配置，我需要设置data-Val <Select> 中的动态属性标签。当我写 data-val="true" ，它工作正常。但是当动态设置它的值时，它不起作用。请注意 tisApp.insuranceCertificateVM.insuranceCertificate().HasForbiddenGoods() 的类型是 bool 值。

<div class="k-dropdown-wrap editor-select-width">
   <select
    multiple="multiple"
    class="k-dropdown 
    TabOnEnter"
    tabindex="6"
    id="insuranceCertificateEdit_GoodID"
    name="insuranceCertificateEdit.GoodID"
    data-bind=" options: 
    tisApp.insuranceCertificateVM.insuranceCertificate().GoodSelectItems, 
    enable:tisApp.insuranceCertificateVM.insuranceCertificate().FinalRegister() 
    == false,
    optionsText: 'Name', optionsValue : 'ID',
    selectedOptions: 
    tisApp.insuranceCertificateVM.insuranceCertificate().GoodIds, 
    optionsCaption: 'Choose...'"
    data-val="tisApp.insuranceCertificateVM.insuranceCertificate().HasForbiddenGoods()"
    data-val-required="Fill this field!">
   </select>
</div>
<span
  class="field-validation-valid"
  data-valmsg-
  for="insuranceCertificateEdit.GoodID"
  data-valmsg-replace="true">
</span>

我希望当我使用 tisApp.insuranceCertificateVM.insuranceCertificate().HasForbiddenGoods()对于 data-val它的工作原理是它的值(value)。

Answer 1

您必须在 data-val 属性中评估您的字符串并将其作为函数调用!

可能在您的 $(document).ready() 事件中:

var jsCode = $("#insuranceCertificateEdit_GoodID").attr("data-val");
eval(jsCode);
var resultData = eval(jsCode);

并将结果设置为您想要的任何属性。