如何根据id从数据库中获取值

Question

我有一个显示数据库数据的下拉列表。我需要使用 jquery 和 ajax 进行动态化，它会根据用户在另一个字段上的输入隐藏一些值。

我的问题是如何根据返回的 ID 隐藏所需的选项。

views.py

def getSource(request):
    sources = Source.objects.all()
    return render(request, 'create_folder.html', {'sources':sources})

create_folder.html

<div class="formSelect" id="mouresaleMasdarDiv">
    <select id="mouresaleMasdar" name="gender" required>
        <option value="">-- soource--</option>
        {% for source in sources %} 
            <option val="{{ source.source_name }}"> {{ source.source_name }} </option>  
        {% endfor %}
    </select>
</div>

<script type="text/javascript">
    $('#mouresaleMasdar option[value="{{sources.get(pk = 1)}}"]').hide()
</script>

它给出了一个错误，所以如何根据 id 隐藏这个值。

Answer 1

在选项中添加 ID

<option data-id="{{ source.id }}" val="{{ source.source_name }}"> {{ source.source_name }} </option>

我不知道它在 jquery 中是怎样的，但你可以用 JavaScript 做到这一点

const selected = document.querySelector('option[data-id="1"]');
selected.style.display = 'none';