Показать скрытые значения в Chrome

Question

Мне было интересно, если есть способ показать значения для ключевой переменной? Там нет проверки для ответов, и я не могу на всю жизнь узнать ответ. Пожалуйста помоги:

<form method="post" action="/webwork2//Section13.3/5/" 
  enctype="multipart/form-data" id="problemMainForm" name="problemMainForm" onsubmit="submitAction()">
  <input type="hidden" name="user" value="name" id="hidden_user" />
  <input type="hidden" name="effectiveUser" value="name" id="hidden_effectiveUser" />
  <input type="hidden" name="key" value="ZHaiEU4qkcpMc1m2kBaYrMvbOo5TktAY" id="hidden_key" />
</form>

Answer 1

Эта простая функция JavaScript видна всем hidden inputs местный:

function showHiddenInputs() {
   object = document.getElementsByTagName('input');
   for (var i in object) {
      if (object[i].type === 'hidden') {
         object[i].type = 'text'
}}}

showHiddenInputs();

Одна строка в консоли браузера:

object = document.getElementsByTagName('input'); for (var i in object) { if (object[i].type === 'hidden') { object[i].type = 'text' }}

Если вы хотите получить значение только из элемента с именем "ключ", используйте это в консоли:

document.getElementsByName('key')[0].value

Вы можете использовать любое другое число вместо 0, если есть несколько элементов с именем "ключ" или вы можете использовать этот цикл:

for (var i in document.getElementsByName('key')) { if (document.getElementsByName('key')[i].type === 'hidden') { console.log(document.getElementsByName('key')[i].value) }}

Answer 2

console.log(document.getElementById('hidden_key').value);
console.log(document.getElementsByName('key')[0].value);

<form method="post" action="/webwork2//Section13.3/5/" 
  enctype="multipart/form-data" id="problemMainForm" name="problemMainForm" onsubmit="submitAction()">
  <input type="hidden" name="user" value="name" id="hidden_user" />
  <input type="hidden" name="effectiveUser" value="name" id="hidden_effectiveUser" />
  <input type="hidden" name="key" value="ZHaiEU4qkcpMc1m2kBaYrMvbOo5TktAY" id="hidden_key" />
</form>