我有一个下拉列表,显示数据库中的数据。我需要使用 jquery 和 ajax 进行动态处理,它会根据用户在另一个字段上的输入隐藏一些值。
我的问题是如何根据返回的 ID 隐藏所需的选项。
def getSource(request):
sources = Source.objects.all()
return render(request, 'create_folder.html', {'sources':sources})
<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 隐藏这个值。
将 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';
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句