Question

我希望，在忽略对<input>字段的关注后，对该字段的值执行一些操作，包括更改内容本身（使其为大写）

在以下code中：

HTML

<input id="name" type="text"></input>
<div id="upper"></div>

JavaScript + jQuery

$("#name")
  .focusout(function() {
    // get the text from the form which lost focus
    name = $("#name").val();
    // turn it into uppercase
    name = name.toUpperCase();
    // update the form and another entry
    $("#upper").text(name);
    $("#name").text(name);
  })

正确捕获事件，并使用小写文本更新<div>。但是，该字段的内容未更新。

离开时，是否可以更新<input>字段的内容？

Answer 1

将text（）更改为val（）以获取字段

$("#name").val(name);

Answer 2

使用jQuery.val()设置值，而不是jQuery.text()，另请注意this中handler-function引用Element，其中event被调用this因此可以使用specified-selector代替$("#name").focusout(function() { var name = this.value.toUpperCase(); $("#upper").text(name); $(this).val(name); });

你可以试试这个简化的代码：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input id="name" type="text"></input>
<div id="upper"></div>

＆＃13;

> data = Daru::DataFrame.from_csv('my_fancy_data.csv')
> data[:user_id]
IndexError: Specified index :user_id does not exist

> data['user_id']
=> #<Daru::Vector(42815)>
                       user_id
        0 z0udgxc0lusu1gr4xj65
        1                28080
        2                28080
      ...                  ...

＆＃13;

如何更新.focusout（）上的字段？

2 个答案: