如何从具有相同名称的多个输入文本字段中仅获取一个值？

Question

我想知道如何从特定输入文本字段获取值。有许多文本字段具有相同的名称和相同的类具有不同的值，每个输入有1个按钮。如何通过单击每个特定按钮从每个字段中获取值。使用Javascript或Jquery？请指导我。

＆＃13;

＆＃13;

<input type="hidden" name="myvalue" class="form-control input_text" value="aaa"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="bbb"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="ccc"/>
    <input type="button" class="clickme" value="Get Value" />


    <input type="hidden" name="myvalue" class="form-control input_text" value="ddd"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="eee"/>
    <input type="button" class="clickme" value="Get Value" />

＆＃13;

＆＃13;

＆＃13;

Answer 1

＆＃13;

＆＃13;

$('.clickme').click(function() {

  alert($(this).prev().val())
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" name="myvalue" class="form-control input_text" value="aaa" />
<input type="button" class="clickme" value="Get Value" />

<input type="hidden" name="myvalue" class="form-control input_text" value="bbb" />
<input type="button" class="clickme" value="Get Value" />

<input type="hidden" name="myvalue" class="form-control input_text" value="ccc" />
<input type="button" class="clickme" value="Get Value" />


<input type="hidden" name="myvalue" class="form-control input_text" value="ddd" />
<input type="button" class="clickme" value="Get Value" />

<input type="hidden" name="myvalue" class="form-control input_text" value="eee" />
<input type="button" class="clickme" value="Get Value" />

＆＃13;

＆＃13;

＆＃13;

1. 点击按钮后，使用this上下文点击按钮。
2. 使用.prev()获取前一个输入元素。
3. 使用.val()获取值。

Answer 2

1. 尝试使用div
封装按钮和输入 来自按钮事件的
2. 获取此（按钮）
3. 使用$（this）.closest（＆＃39; div＆＃39;）转到父母并从那里获取下一个输入。
＆＃13;
＆＃13;
$(document).ready(function() {
  $('.clickme').click(function() {
    var div = $(this).closest('div');
    alert(div.find('input').val());
  });
});
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="aaa"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="bbb"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="ccc"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="ddd"/>
<input type="button" class="clickme" value="Get Value" />
</div>
<div>
<input type="hidden" name="myvalue" class="form-control input_text" value="eee"/>
<input type="button" class="clickme" value="Get Value" />
</div>
＆＃13;
＆＃13;
＆＃13;

Answer 3

试试这个

$(document).ready(function () {
 $("input.clickme").click(function () {
   alert($(this).prev('input[name=myvalue]').val());
 });
});

Answer 4

this将被当前点击button，prev('input')将选择上面的输入元素。见下面的代码。

＆＃13;

＆＃13;

$(document).ready(function () {
       $(".clickme").on('click',function(){
         alert($(this).prev('input').val());
       });
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" name="myvalue" class="form-control input_text" value="aaa"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="bbb"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="ccc"/>
    <input type="button" class="clickme" value="Get Value" />


    <input type="hidden" name="myvalue" class="form-control input_text" value="ddd"/>
    <input type="button" class="clickme" value="Get Value" />

    <input type="hidden" name="myvalue" class="form-control input_text" value="eee"/>
    <input type="button" class="clickme" value="Get Value" />

＆＃13;

＆＃13;

＆＃13;