Скрытие полей в зависимости от select? - Общие вопросы веб разработки

<?php
	$e2='<div id="output"></div>';
	echo $e2;
?>
<script>
    document.querySelector('#prop_type').onchange = function() {
    output.innerHTML = this.value;
   }
</script>

<script>
jQuery(document).ready(function() {
 jQuery('#prop_type').change(function() {
  if($(this).val() === "373")
   {
    $("#cargo_weight").css("display", "block");
   }
   else
   {
    $("#cargo_weight").css("display", "none");
   }
 });
});
</script>

jQuery('#prop_type').change(function() {
    var $ = jQuery ;  
    ...........

<script>
    document.querySelector('#prop_type').onchange = function() {
		output.innerHTML = this.value;/*вывод значение "value" в id="output"-для себя*/

  if(jQuery(this).find('option:selected').val()!= "373")
   {
    jQuery("#cargo_weight").css("display", "block");
   }
   else
   {
    jQuery("#cargo_weight").css("display", "none");
   }
   }
</script>

document.addEventListener("DOMContentLoaded", function (evt) {
            document.querySelector('#prop_type').addEventListener('change', (event) => {
                var  cargo_weight = document.querySelector('#cargo_weight')
                if(+event.target.value !== 373){
                    cargo_weight.style.display = "none"
                }else {
                    cargo_weight.style.display = "block"
                }
            });                    	
        } , { passive : true });

document.addEventListener("DOMContentLoaded", function (evt) {
            document.querySelector('#prop_type').addEventListener('change', (event) => {
                var  hideDiv = document.querySelector('[name="prop_title"]').closest('.form-group')
                if(+event.target.value !== 373){
                    hideDiv.style.display = "none"
                }else {
                    hideDiv.style.display = "block"
                }
            });
        } , { passive : true });

<script>
document.addEventListener("DOMContentLoaded", function (evt) {
            document.querySelector('#prop_type').addEventListener('change', (event) => {
				hideDiv1 = document.querySelector('[name="d183d0bad0bbd0bed0bd"]').closest('.field-detail')
				hideDiv2 = document.querySelector('[name="d0b7d0b5d0bbd0b5d0bdd18bd0b5-d0bdd0b0d181d0b0d0b6d0b4d0b5d0bdd0b8d18f"]').closest('.field-detail')
				hideDiv3 = document.querySelector('[name="d0bad0bbd0b0d181d181d0b8d184d0b8d0bad0b0d186d0b8d18f-d0bdd0b5d0b4d0b2d0b8d0b6d0b8d0bcd0bed181d182d0b8"]').closest('.field-detail')
				hideDiv4 = document.querySelector('[name="d0bad0bed0bcd0bdd0b0d182-d0b2-d0bad0b2d0b0d180d182d0b8d180d0b5"]').closest('.field-detail')
				hideDiv5 = document.querySelector('[name="d0bad0bed0bbd0b8d187d0b5d181d182d0b2d0be-d181d0bfd0b0d0bbd0b5d0bd"]').closest('.field-detail')
				hideDiv6 = document.querySelector('[name="d0bad0bed0bbd0b8d187d0b5d181d182d0b2d0be-d0b2d0bdd183d182d180d0b5d0bdd0bdd0b8d185-d0bfd0bed0bcd0b5d189d0b5d0bdd0b8d0b9"]').closest('.field-detail')
				if(
					(+event.target.value !== 373)&
					(+event.target.value !== 627)&
                	(+event.target.value !== 624)&
                	(+event.target.value !== 626)&
                	(+event.target.value !== 625)
        		  ){
                    hideDiv1.style.display = "block"
                    hideDiv2.style.display = "block"
                    hideDiv3.style.display = "block"
                    hideDiv4.style.display = "block"
                    hideDiv5.style.display = "block"
                    hideDiv6.style.display = "block"
		                }else {
                    hideDiv1.style.display = "none"
                    hideDiv2.style.display = "none"
                    hideDiv3.style.display = "none"
                    hideDiv4.style.display = "none"
                    hideDiv5.style.display = "none"
                    hideDiv6.style.display = "none"
                  }
            });
        } , { passive : true });
</script>