Question

我有多个文本框，我试图根据按钮点击获取文本框的值，只显示文本框的值。

// my html code here
<div class="addText">
// get the input box value
<input type="text" id="textVal" placeholder="Enter Text" class="enter-text" name="">
// div of buttons say add and update text
<div class="buttonset">
    // add button
    <button id="addTextBTN" class="left">ADD TEXT</button>
    // update button
    <button id="updateBTN" class="right">UPDATE TEXT</button>                                   
</div>

// below code i tried but not able to get the previous text box value

// button click event here
jq('body').on(opc_EventType, '#addTextBTN', function() {

// getting the text box value here 
var val = jq(this).prev().prev("input[type=text]").val();
// print on console
console.log(val);

Answer 1

首先，您需要使用.parent().prev()来定位输入元素。

其次，如果您希望它与点击事件一起使用，请使用.on("click", '#addTextBTN', function()

第三，什么是opc_EventType？

var jq = $;
// button click event here
jq('body').on("click", '#addTextBTN', function() {

  // getting the text box value here 
  var val = jq(this).parent().prev("input[type=text]").val();
  // print on console
  console.log(val);
})

工作演示

var jq = $;
// button click event here
jq('body').on("click", '#addTextBTN', function() {

  // getting the text box value here 
  var val = jq(this).parent().prev("input[type=text]").val();
  // print on console
  console.log(val);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="addText">

  <input type="text" id="textVal" placeholder="Enter Text" class="enter-text" name="">
  <div class="buttonset">
    <button id="addTextBTN" class="left">ADD TEXT</button>
    <button id="updateBTN" class="right">UPDATE TEXT</button>
  </div>

jquery获取输入框值

1 个答案: