Question

我正在尝试将输入链接到按钮。在某种意义上，按钮将触发输入，输入将保持隐藏状态。

以下是我找到的解决方案：

<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>

的CSS

 <style>
  .uploadDevice{
     visibility : hidden;
  }

我的问题如下：按钮和输入必须有不同的ID。上面的解决方案有效，但是当我需要它们时，按钮和输入id必须相同。

Answer 1

这样的东西？

HTML：

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

的javascript / jQuery的：

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

jsFiddle Demo

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

this revised jsFiddle

链接按钮输入

1 个答案: