Question

如何通过将innerHTML与变量进行比较来设置元素的默认值？

这是选择框

<select name="added_by" class="form-item-added_by" required="" id="id_added_by">
  <option value="" selected="">---------</option>

  <option value="1">admin</option>

</select>

这是我尝试过的，但是什么也没发生。

<script type = "text/javascript">
    $(document).ready(function(){
        {%for note in notes%}
     added_by = "{{note.added_by}}"
     $(".form-item-added_by").val(added_by).change();
     {%endfor%}
        });
    </script>

Answer 1

那是行不通的，因为您要基于value（在本例中为1）更改选择，因此变量added_by不会匹配任何内容。

尝试一下

<script type = "text/javascript">
    $(document).ready(function(){
        {%for note in notes%}
     added_by = "{{note.added_by}}"
     $('.form-item-added_by').val(function(){
    return $('.form-item-added_by option').filter(function(){
                return $(this).text() === added_by;
           }).val();
});
     {%endfor%}
        });
    </script>

根据变量设置选择元素的innerHtml

1 个答案: