Не удается получить значение параметра в скрытом поле

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

Это не работает, и я не могу понять, почему. p-элемент меняет свое значение (я использовал его только для отладки, на самом деле он мне не нужен), но скрытое поле остается пустым.

кто-нибудь может мне помочь?

function GetSelectedText(){
  var e = document.getElementById("kunde");
  var result = e.options[e.selectedIndex].text;
                            
  document.getElementById("title").textContent = result;
}
                        
<select id="kunde" name="kunde" class="form-control" onchange="GetSelectedText()">
  <option value="1">text for 1</option>
  <option value="2">text for 2</option>
  <option value="3">text for 3</option>
</select>

<p id="title">this text will be replaced</p>

<input name="title" type="hidden" id="title" value="">


javascript onchange hidden
person chocwithstarfish    schedule 03.11.2020    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Поскольку скрытое поле является полем ввода, измените textContent на value.

Кроме того, у вас не может быть более одного элемента с одним и тем же идентификатором, поэтому избавьтесь от элемента P, поскольку он вам все равно не нужен.

person imvain2    schedule 03.11.2020
comment
элемент p был предназначен только для тестирования, конечно, я использовал только один элемент с тем же идентификатором за раз. изменение textcontent на значение было ответом, большое вам спасибо !! - person chocwithstarfish; 04.11.2020

arrow_upward
0
arrow_downward

Вероятно, это связано с тем, что ваш элемент p имеет тот же идентификатор, что и элемент input. HTML указывает, что идентификатор должен быть уникальным. Что-то вроде этого могло бы сработать:

<p id="title">this text will be replaced</p>
<input name="title" type="hidden" id="titleInput" value="">

И javascript:

// [...] rest of the function
document.getElementById("title").textContent = result;
document.getElementById("titleInput").value = result;
person Technoh    schedule 03.11.2020

arrow_upward
0
arrow_downward

textContent необходимо изменить на значение.

Спасибо за вашу помощь!

person chocwithstarfish    schedule 03.11.2020