如何在按钮单击时在jquery中获取动态输入字段ID并保存到另一个按钮。

时间:2018-04-20 09:40:50

标签: javascript jquery html ajax

我对JavaScript更加新鲜,jQuery任何人都可以帮助我或建议我如何做到这一点。

我有一个任务,我希望在按钮点击时获得输入字段的动态ID,我有100个动态输入字段

<input id="ProgressBar_1" type="text" name="dProgressBar_1" class="form-control bulk-pricing-streetProgressBar">

<input id="ProgressBar_2" type="text" name="dProgressBar_2" class="form-control bulk-pricing-streetProgressBar">

这些是我的ID,我希望按下按钮点击下面提到的代码。

<button type="button" class="btn fa fa-arrow-right next-stepBulkProgressBar btn-success __web-inspector-hide-shortcut__" id=" "></button> 

最后我希望将这些ID存储在另一个按钮中。

<button id="" class="btn btn-danger handleIncorrectNoBtn" type="button">Remove House</button>

Finally I  Want to perform some task on this button.

1 个答案:

答案 0 :(得分:0)

我给你一些提示,但我发现很难完全理解你在这里想要达到的目标。也许重写你的问题,提供一些细节,如果可能的话,更清楚。

[据我所知] 你的第一部分是一个按钮,当点击它将检索输入字段的ID?

让我们说这是你的按钮:

<button type="button" class="btn fa fa-arrow-right next-stepBulkProgressBar btn-success __web-inspector-hide-shortcut__" id="myButton"></button> 

点击代码看起来类似于(我有点伪编码,如果你没有提供我可以用来测试的示例或演示,我很抱歉,如果这不正确):

function {

var ids = [];

    $('#myButton').on('click', function() {
      ids = [];
      $("input .classOnAllInputIdsYouWantToGet").each(function(e){
         ids.push(e.attr("id"));
      });
      // store in a variable here or continue using the ids variable 
      // created above - this can be used anywhere within this function
    });

    function myOtherFunctionINeedIds(){
        // Use ids here
     }
}

我不确定这是否是你所追求的,如果不是,请更新或修改你的问题,我会改变我的答案,试着准确得到你想要的。

祝你好运。