jquery заменить значение текстового поля с помощью значения выбора

Question

Я прочитал это SO post и применил следующий код, чтобы заменить текстовое поле на вариант выбора HTML.

$("#id_reason").replaceWith(
    '<select id="id_reason" name="id_reason" onchange="changeReason();"' + 
     '<option value="0">Select a Reason</option>' + 
     '<option value="General Query">General Query</option>' + 
     '<option value="Feedback">Feedback</option>' + 
     '<option value="Complaint">Complaint</option>' + 
     '<option value="Translation">Translation</option>' + 
     '<option selected value="Registration">Registration</option>' + 
     '<option selected value="Subscription">Subscription</option>' + 
     '<option selected value="Other">Other</option>' + 
    '</select>'); 

    function changeReason() { 

     //apply some code here I think! 

    } 

Проблема у меня есть, что форма не распознает выбранное значение причины списка выбора б/с проверкой формы не позволяет значение причины быть пустым.

Как написать код, чтобы применить значение параметра выбора как значение, которое должно применяться к полю причины при отправке формы?

Я попытался переименовать список выбора в id_reason1, но не могу понять, как применить выбранное значение к полю при отправке формы.

Answer 1

Здесь вы идете:

$("#id_reason").replaceWith(
     '<select id="id_reason" name="reason">' + 
      '<option value="">Select a Reason</option>' + 
      '<option value="General Query">General Query</option>' + 
      '<option value="Feedback">Feedback</option>' + 
      '<option value="Complaint">Complaint</option>' + 
      '<option value="Translation">Translation</option>' + 
      '<option value="Subscription">Subscription</option>' + 
      '<option value="Registration">Registration</option>' + 
      '<option value="Other">Other</option>' + 
     '</select>'); 

У вас есть две проблемы:

1. у вас есть опечатка - заброшенный закрыть выберите тег; и
2. введите значение 1-й опции, как показано на рисунке.