如何添加屬性以形成表單輸入HTML

Question

如何將屬性添加到HTML元素？ 我嘗試了以下操作，但屬性未更新。

$(document).ready(function() {
  $('#username_input').attr('value', 'something')
  console.log(getUrlVars()["username"]);
  console.log($('#username_input'));
  console.log($('#username_input').css("display"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="POST">
  <input type="text" name="title" placeholder="Album title"></input>
  <input id="username_input" type="text" name="username" style="display:none;" />
  <button type="submit" name="add" class="btn btn-success">+ Add Album</button>
</form>

Answer 1

您沒有記錄屬性值，而是記錄了包含元素的jQuery對象。 更改

console.log($("#username_input"));

至

console.log($("#username_input").attr("value"));

Answer 2

您有語法問題。 只需添加“;” 到第二行的結尾

$（'＃username_input'）。attr（'value'，'something'）;

 $(document).ready(function() { $('#username_input').attr('value', 'something'); console.log(getUrlVars()["username"]); console.log($('#username_input')); console.log($('#username_input').css("display")); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form method="POST"> <input type="text" name="title" placeholder="Album title"></input> <input id="username_input" type="text" name="username" style="display:none;" /> <button type="submit" name="add" class="btn btn-success">+ Add Album</button> </form>