В зависимости от выбранного значения select отображать input формы

<script type="text/javascript">
    Form.List.addEventListener('change', function(e){
  if(e.target.value === 'MX')
    p.style.display = 'block';
  else
    p.style.display = 'none';
})
</script>
<form id="Form">
  <select name="List" id="">
    <option value=""></option>
    <option value="MX">MX</option>
    <option value="AAA">AAA</option>
    <option value="A">A</option>
  </select><br />
  <p id="p" style="display: none"><input type="text"></p>
</form>

<script>
    function change(){  
  var val = document.getElementById('sel').value  
  var parent = document.getElementById('priority'); 
  if (val=='MX') {
        parent.style.display = 'inline';
  } else {
        parent.style.display = 'none';
  }  
}
</script>
<style>
    #priority {
  display: none;
}
</style>
<form>
          <select id="sel" onchange="change()" name = "type">
              <option value = "A">A</option>
              <option value = "AAAA">AAAA</option>
              <option value = "NS">NS</option>
                <option value = "CNAME">CNAME</option>
                  <option value = "DNAME">DNAME</option>
                     <option value = "TXT">TXT</option>
                        <option value = "MX">MX</option>
          </select>
          <input type = "text" name = "host" placeholder = "Хост записи">
              <input type = "text" name = "content" placeholder = "Содержимое записи">
<!-- Вот этот input должен появляться в форме, только если выбрано значение "MX" в селекте -->
                    <input type = "text" name = "priority" id = "priority" placeholder = "Приоритет записи">
              <input type = "submit" name = "createdns" value = "Создать запись">
      </form>