Jquery значение записи в атрибут «значение» в поле ввода в

Question

У меня есть поле ввода, тип ввода text:

<input type="text" id="show-val" value=""> 
<button id="get-val">Val</button> 

На кнопку мыши он принимает URL где-то еще, мне нужно поместить значение в текстовое поле value атрибут.

Что я мог это:

$('#get-val').on('click', function(){ 
    var url = 'http://example.com/'; //suppose this is our grabbed URL 
    $('#show-val').val(url); 
}); 

Но если проверить введенный текст, то можно увидеть, что это не написание url в атрибут value, это просто вставить значение в текстовое поле.

Что я пробовал:

$('#get-val').on('click', function(){ 
    var url = 'http://example.com/'; //suppose this is our grabbed URL 
    $('#show-val').prop('value', url); //failed 
    $('#show-val').prop('placeholder', url); //passed 
}); 

Выход:

<input type="text" id="show-val" value placeholder="http://example.com/"> 

Почему я не суметь атрибут письменной форме текстового поля value? Как я могу писать на самом деле?

Answer 1

Value является свойством так $('#show-val').val(url); является правильным.

Однако, если вы хотите изменить значение атрибута ЕГЭ $.fn.attr(attributeName, value)

установить один или несколько атрибутов для набора совпавших элементов.

Код

$('#show-val').attr('value', url); 

Answer 2

Функция prop() используется для установки значений для таких атрибутов, как checked, disabled. Вы должны использовать функции val() или attr() для установки значений в полях формы HTML.

Примеры:

$('input#show-val').val(url); 

или

$('input#show-val').attr('value', url); 

Answer 3

Вы можете установить атрибут value по -

$('#show-val').attr('value', url); 

Но

$('#show-val').val(url); 

также установить value, но не так, как вы хотите.

Answer 4

Это будет работать:

$("#show-val").attr("value",url);