javascript - jQuery将值写入输入字段的“值”属性

我有一个输入字段，输入类型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属性？我该怎么写呢？

最佳答案

值是一个属性，因此$('#show-val').val(url);是正确的。

但是，如果要修改value属性，请使用$.fn.attr( attributeName, value)


  为一组匹配的元素设置一个或多个属性。


码

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

关于javascript - jQuery将值写入输入字段的“值”属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30167086/