我正在更新一个产品，我可以让产品信息预先填写更新表单，并使用jQuery更新产品信息，但我想使用JavaScript。如何将此jQuery代码转换为JavaScript？

我正在遵循一个在线教程，这个人正在使用jQuery，这很酷，但我想看看如何使用Javascript做同样的方法。

Javascript代码：

$(document).on('pagebeforeshow', '#updatedialog', function() {
  $('#newName').val(currentProduct.name);
  $('#newQuantity').val(currentProduct.quantity);
});

function updateProduct() {
  var newName = $('#newName').val();
  var newQuantity = $('#newQuantity').val();
  productHandler.updateProduct(currentProduct.id, newName, newQuantity);
}

HTML更新表单

<form>
  <div class="ui-field-contain">
    <label for="newName"
           class="ui-hidden- accessible">Name</label>
    <input type="text"
           id="newName"
           data-clear-btn="true"
           placeholder="New Name"/>
    <br/>

    <label for="newQuantity"
           class="ui-hidden-accessible">Quantity</label>
    <input type="number" 
           name="number" 
           pattern="[0-9}"
           id="newQuantity" 
           value="" 
           data-clear-btn="true" 
           placeholder="New Quantity"/>
    <br/>
    <button class="ui-btn ui-icon-plus ui-btn-icon-left"
            id="btnupdate"
            onclick="updateProduct()">
      Update
    </button>
  </div>
</form>

更新表单应该填充已经输入的产品信息，然后它应该更新对字段所做的更改，并将其保存为新对象。我可以用jQuery做这件事，但我需要在Javascript中做它的帮助。

转载请注明出处:http://www.hrtxgs.com/article/20230526/1955321.html

随机推荐

  1. 需要帮助将字符串中的三角形转换为数组

    triangle = 75 95 64 17 47 82 18 35 87 10 20 04 82 47 65 19 01 23 75 03 34 88 02 77 73 07 63 67 99 65 04 28 06 16 70 92 ...

  2. 需要帮助将两个STL映射合并为一个( mapchar、string和mapstring，将int合并为mapchar、mapstring、int)

    我正在处理一个问题，试图将我的程序转换为只使用一个地图，而不是两个独立的地图。该程序的目标是获取一个文本文件，将文件中每个字母的所有单词存储在地图mapchar,string中(a-苹果8月，b-香蕉，c-桔子椰子等)，但也跟踪每个单词在带...

  3. 我需要帮助将移动数字序列转换为实际的句子

    我需要创建一个在python中工作的移动数字键盘转换器。例如，当我输入“999337777”时，它将打印yes“。然后，0“输入将创建”“空格输出，就像旧的移动键盘应该如何工作一样，并且输入”“空格将被忽略，就像我提到的999 33 777...

  4. 需要帮助将API PUT方法添加到Python脚本

    我正在使用下面的脚本从服务器收集库存信息，并将其发送到一个名为Device42的产品。脚本目前可以工作，但是我尝试添加的一个API使用的是PUT而不是POST。我不是程序员，刚开始在这个脚本中使用python。这个脚本使用的是iron py...

  5. 需要帮助将数据连接和插入到mongodb

    我需要一些mongodb的帮助。我刚刚开始使用它，并创建了一个名为db的集群，其中包含一个名为discord bot的数据库和一个名为users的集合这应该会为每个用户创建一个数据库条目，所以下面是我的代码const { MongoClie...

  6. 需要帮助将MySQL查询到数组并输出到echo

    我需要一些PHP代码帮助构建回显来显示数据库查询的结果...(列出登录用户的朋友？)我已经建立了大部分，但我不知道如何回显结果数据并将其链接到他/她的个人资料？任何帮助将大大appreciated...maybe如何写出它的代码片段？下面是...

  7. 需要帮助将图标定位到我的文本右侧

    我在将图标与数量的右侧对齐时遇到困难。当我尝试float:right时，它会将图标定位在单元格的最右边，而不是文本的上方。有没有办法把它放在文本的右边，而不是正对着它？任何与此相关的帮助都将不胜感激。?? div ...

  8. 需要帮助将Python表达式重写为函数

    我在pandas中有一个这样格式的数据帧。School ID Column 1 Column 2 Column 3 School 1 8100 8200...

  9. 需要帮助将Firebase数据转换为Java对象，以便在recyclerview中使用

    我已经阅读了大量关于这个主题的报告和问题，似乎无法弄清楚这一点。我有一个名为Yard的Java对象类：public class Yard { private String id; private String locatio...

  10. 需要帮助将netlogo代码从版本3转换到版本6

    我需要将代码从版本3转换到netlogo到版本6。到目前为止，一切都很顺利，但我陷入了无法转换的代码行。有人能帮我一下吗？代码如下：let list-temp1 values-from aircrafts with [Team != Tea...