JavaScript - Как получить доступ к значению текстового поля в onClick кнопки?

Question

Я просто хочу знать, как я получаю значение текстового поля в onClick кнопки.Я получил это:

<INPUT TYPE="text" NAME="GetLink_textField" VALUE="Geben Sie den Dateipfad an!" SIZE=50>
<INPUT TYPE="button" NAME="GetLink_button" VALUE="Get link" onClick="getLinkToFile(?????)">

Я хочу передать функции значение текстового поля GetLink_textfield.Как мне это сделать?Я пробовал GetLink_textfield.value, но это не работает.

Answer 1

Причина, по которой GetLink_textfield.value не работает, заключается в том, что нет объекта с именем GetLink_textfield.

Вам потребуется использовать следующий код:

function getLinkToFile() {
  var e = document.getElementsByName('GetLink_textField')[0];
  var val = e.value;
  // Do the rest here
}

Answer 2

document.getElementsByName("GetLink_textField")[0].value

Вероятно, было бы лучше, если бы вы дали текстовому полю идентификатор и использовали document.getElementById ("GetLink_textField").

Таким образом, вы получите объект, а немассив, содержащий его, поскольку идентификаторы должны быть уникальными, а имена - нет.

Answer 3

Если вы генерируете входы программно или хотите использовать более 1 набора (кнопка ввода, текст ввода) элементов, попробуйте сделать несколько хитрых вещей, таких как:

Сделайте «для» или что-то в этом родеи добавьте переменную «for» (обычно называемую «i») к имени входного текста, кнопке и функции javascript, и результат сгенерирует что-то вроде этого:

<INPUT TYPE="text" NAME="GetLink_textField_0" VALUE="Geben Sie den Dateipfad an!" SIZE=50>
<INPUT TYPE="button" NAME="GetLink_button_0" VALUE="Get link" onClick="getLinkToFile(0)">

<INPUT TYPE="text" NAME="GetLink_textField_1" VALUE="Geben Sie den Dateipfad an!" SIZE=50>
<INPUT TYPE="button" NAME="GetLink_button_1" VALUE="Get link" onClick="getLinkToFile(1)">

<INPUT TYPE="text" NAME="GetLink_textField_2" VALUE="Geben Sie den Dateipfad an!" SIZE=50>
<INPUT TYPE="button" NAME="GetLink_button_2" VALUE="Get link" onClick="getLinkToFile(2)">

Затем в вашей функции:

function getLinkToFile(position){
   var inputVal = document.getElementsByName("GetLink_textField_" + position)[position].value;
   //now you got inputVal of the element in the position you want.
}

Надеюсь, это поможет, и если это не то, что вам нужно, вы можете попробовать примеры из приведенных выше.

Кроме того, это хорошая рекомендация использовать Id для ваших входных данных.

Привет! * * 1013

Answer 4

добавить атрибут ID в текстовое поле, а затем использовать этот идентификатор в функции javascript для получения значения.Вам не нужно присылать какие-либо аргументы. Пример -

function getLinkToFile(){
       var textVal=document.getElementById('idname').value;
}