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

Question

我有一个输入字段，输入类型<input type="text" id="show-val" value=""> <button id="get-val">Val</button> ：

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

为什么我没有编写文本字段的Class Student{ int rollno; String name; List<Mark> marks; } Class Mark{ String subject; int mark; } 属性？我怎么写呢？

Answer 1

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

示例：

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

或

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

Answer 2

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

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

  

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

代码的

$('#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);