Javascript 相关的输入按钮文本更改

发布于 2024-11-16 17:15:12 字数 474 浏览 2 评论 0原文

我有产品名称（在段落中）、文本形式和按钮。产品的 id 如下 p1,p2... 输入类型的 id 如下 i1,i2... 在表单中输入内容并单击提交后，我希望这可以更改默认的产品文本。我有以下功能，仅适用于一组（段落、表单和按钮）。问题是这个乘积函数仅适用于 p1,i1 我希望它 fork p1,i1,p2,i2 等。

 function product(id){
            var userInput = document.getElementById("i1").value;
            document.getElementById("p1").innerHTML = userInput;
        }

函数调用如下：

<button type='button' onclick='product()'>Name product</button>

原文

I have product name(in paragraph), text form and button. The products have id's as follows p1,p2... The input types have id's as follows i1,i2...After typing something in the form and clicking submit I want this to change the default product text. I have the following function which works only for one set(paragraph,form and button). The problem is that this product function works only for p1,i1 I want it to fork for p1,i1,p2,i2 and etc.

 function product(id){
            var userInput = document.getElementById("i1").value;
            document.getElementById("p1").innerHTML = userInput;
        }

The function call is as follows:

<button type='button' onclick='product()'>Name product</button>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枕花眠 2024-11-23 17:15:12

你需要的是将索引传递给函数：

function product(id) {
    var userInput = document.getElementById("i"+id).value;
    document.getElementById("p"+id).innerHTML = userInput;
}

你的 html 看起来像：

<button type='button' onclick='product(1)'>Name product</button>

希望这有帮助。

what you need is to pass the index to the function:

function product(id) {
    var userInput = document.getElementById("i"+id).value;
    document.getElementById("p"+id).innerHTML = userInput;
}

your html would look like:

<button type='button' onclick='product(1)'>Name product</button>

hope this helps.

回复收藏 0 原文

老娘不死你永远是小三 2024-11-23 17:15:12

您可以使用循环来设置所有更改

function product(){
   for (var i=0;i < totalNumberofItems;i++){
      var userInput = document.getElementById("i"+i).value;
      document.getElementById("p"+i).innerHTML = userInput;
   }
}

，即如果您希望按钮更新所有字段

you can use a loop to set make all the changes

function product(){
   for (var i=0;i < totalNumberofItems;i++){
      var userInput = document.getElementById("i"+i).value;
      document.getElementById("p"+i).innerHTML = userInput;
   }
}

That is if you want the button to update all the fields

回复收藏 0 原文

~没有更多了~