Jquery Django使用字段的值添加字段(或隐藏和显示)

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
{% load static %}
<link rel="stylesheet" href="{% static 'django.css' %}">

<input type="text" id="sourceField">
<input type="text" id="targetField" style="display: none;">

<script>
$(document).ready(function() {
    $('#sourceField').on('input', function() {
        var sourceValue = $(this).val();
        
        // 添加字段
        if (sourceValue === '某个特定值') {
            $('#targetField').show();
        } else {
            $('#targetField').hide();
        }
        
        // 隐藏和显示字段
        if (sourceValue === '另一个特定值') {
            $('#targetField').hide();
        } else {
            $('#targetField').show();
        }
    });
});
</script>