Изменить значение выбранной опции - PullRequest
Новая
       136

Изменить значение выбранной опции

0 голосов
/ 06 августа 2020

У меня есть выпадающий вариант выбора стран: 

    <select name="country" id="countryId" required="required"
class="countries order-alpha form-control custom-select bg-white border-left-0 border-md">
                                <option value="">Select Country</option>
                                <option value="1"> Afghanistan</option>
                                <option value="2"> Aland Islands</option>
                                <option value="3"> Albania</option>
                                <option value="4"> Algeria</option>
                                <option value="5"> American Samoa</option>

Когда я выбираю страну при изменении, я получаю значение (numeri c), отправляю его на сервер и получаю список состояний, который анализирует в штатах, то же самое происходит с городами . После заполнения всех полей formData.serialized и отправьте на сервер. Сервер получает число c идентификатор страны, штата и города, но я хочу отправить имя страны / штата / города. Поэтому перед отправкой я должен изменить выбранное значение на выделенный текст (название страны). Я пробую изменить вот так: 

$("#countryId").change(function () {
 c.countrytxt = $(this).find("option:selected").text(); // get text from option
 var countryId = $("#countryId").val(); // save for send as paramet to server
 document.getElementById('countryId').value = c.countrytxt; // try set county name to value

Как мне этого добиться?

1 Ответ

2 голосов
/ 06 августа 2020

Попробуйте это вместо этого. 

$("#countryId").change(function () {
  // get text from option
  countrytxt = $(this).find("option:selected").text(); 
  // save for send as paramet to server
  var countryId = $("#countryId").val(); 
  // try set county name to value
  $(this).find("option:selected").attr('value',countrytxt);
 });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="country" id="countryId" required="required"
class="countries order-alpha form-control custom-select bg-white border-left-0 border-md">
  <option value="">Select Country</option>
  <option value="1"> Afghanistan</option>
  <option value="2"> Aland Islands</option>
  <option value="3"> Albania</option>
  <option value="4"> Algeria</option>
  <option value="5"> American Samoa</option>
</select>
...