Javascript 链接按钮到输入

我正在尝试将输入链接到按钮。在这个意义上，按钮将触发输入，并且输入将保持隐藏

下面是我找到的一个解决方案：

<a href="javascript:void(0)" id="files" href=""> 
 <button id="uploadDevice" class="button button-block button-positive">
            <i class="icon ion-android-mail"></i> &nbsp; <text id="textBtn1">From Device </text>
</button></a>

脚本：

<script>
  $("#files").click(function(){
        $(this).next().trigger('click');
    });

    </script>

$（“#文件”）。单击（函数（）{
$（this.next（）.trigger（'click'）；
});

Css

.上传设备{
可见性：隐藏；
}

我的问题如下：按钮和输入必须具有不同的ID。上述解决方案可行，但当我需要它们不同时，按钮和输入ID必须相同。 像这样的事

HTML:

---

如果希望有多个DIV/按钮组合，并且希望按钮更新相应的DIV，请参阅

---

您不应该重复使用ID。您可以执行

$（'#id1'）。单击（函数（）{$（'#id2'）。单击（）这里可能有一些有用的信息：谢谢我的尝试，$（“#按钮文件”）.click（函数（）{$（“#文件”）.next（）.trigger（'click'）；}）；但它似乎没有响应旁注，假设我只想在按钮被点击两次后执行该函数。例如，用户按下按钮，它将上传到输出1，用户再次单击按钮，它将输出到输出2，等等。请将此作为新问题提问（只需复制/粘贴此问题并进行适当更改），您将在几分钟内得到多个答案。我会留意的。看来你没事，乔纳森，如果你几个小时后回来，我不想让你久等，所以。如果你把它作为一个新问题提出来，我也会把答案贴在那里，以供将来的读者参考。请在下面留言，提醒我寻找新问题。非常感谢您的及时回复。一旦有机会，我一定相信你。我的一个问题是，我使用的是输入文件isntead文本，当试图应用您的更新时，我遇到了一个问题，我无法发表新的帖子，我确实与该问题有关，您可以在提交时继续并获得您的学分
 <style>
  .uploadDevice{
     visibility : hidden;
  }

<input type="hidden" id="typeHidden" />
<input type="button" id="mybutt" value="Show Me" />

$('#mybutt').click(function(){
    $('#typeHidden').val('Secret text');
});