javascript - jQuery 将值写入输入字段的 "value"属性

Question

我有一个输入字段，输入类型文本:

<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

prop()函数用于设置诸如 checked、disabled 等属性的值。您应该使用 val()或attr()用于在 HTML 表单字段中设置值的函数。

示例:

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

或

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