Получение значения ввода и прохода через querystring

Question

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

HTML

<input type="text" id="userInput" value="" name="title" 
     placeholder="Enter the name here" required="required"/> 
<input type="button" id="text_value" value="Set Input"/> 
    <!-- I have this button here because I think maybe 
    I should have a button to change default value but 
    I don't know the javascript to do this --> 

Javascript

// Gets input value id 

    var theuserInput = $("#userInput").val(); 

Причина я не показал строки запроса кода, так как входное значение передается вместе в URL, но проблема в том, что значение входного значения по умолчанию «undefined» передается вместо фактического ввода пользователем.

Любые решения?

ДОПОЛНИТЕЛЬНЫЙ КОД

Ok так вот строки запроса, при нажатии на кнопку 'пропуск' на вход передается вместе в строку запроса:

$('.pass').click(function() { 
    window.location.href = 'http://lala.com/passing.php?input=' + theuserInput + ''; 
    return false; 
}); 

Answer 1

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

$('.pass').click(function() { 
    var theuserInput = $("#userInput").val(); 
    window.location.href = 'http://lala.com/passing.php?input=' + theuserInput + ''; 
    return false; 
}); 

this удаляется перед вызовом метода val().

Причина, почему вы получаете undefined потому, что theuserInput не определена внутри анонимной функции сферы передается #click методы. Двигатель JS пытается найти theuserInput внутри «enlobing» областей рекурсивно, пока не достигнет глобального масштаба, или не найдет значение theuserInput в одной из следующих последовательностей «englobing». Поскольку переменная theuserInput не может быть найдена в какой-либо области, это влияет на значение по умолчанию undefined.

• DEMO 1
• DEMO 2

Answer 2

var theuserInput = document.getElementById("userInput").value;