Question

我有五个<textarea>标签为text1,text2,text3,text4的标签和一个<textarea>标签为output的标签，我希望根据text1,text2,text3,text4的值进行查询（据此被称为filed1, filed2, filed3, filed4）。

示例：

Value of P & T , Output Result= 3657,

样本值：

 text1=S22, text2=P36,text3=R40,text4=T57,

<textarea>和output id的预期输出：

 Value of P & T:  3657

这是设置环境所需的html代码：

    <div>
      <label>Filed1<label>
      <textarea id="text1">S22</textarea>
   </label></label></div>
   <div>
      <label>Filed2:</label>
      <textarea id="text2">P36</textarea>
   </div>
   <div>
      <label>Filed3:</label>
      <textarea id="text3">R40</textarea>
   </div>
   <div>
      <label>Filed4:</label>
      <textarea id="text4">T57</textarea>
   </div>
   <br><br>
   <div>
    <label> Value of S & M:</label>
      <textarea id="output"></textarea>
    </div>

Answer 1

使用jquery的.val()方法从文本框中获取值

$('#output1').click(()=>{
var a=document.querySelectorAll('textarea');
var str='';
a.forEach(e=>e.value.includes('P')||e.value.includes('T')?str+=e.value.substr(1,e.value.length):false)
$('#output1').val(str);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
      <label>Filed1<label>
      <textarea id="text1">S22</textarea>
   </label></label></div>
   <div>
      <label>Filed2:</label>
      <textarea id="text2">P36</textarea>
   </div>
   <div>
      <label>Filed3:</label>
      <textarea id="text3">R40</textarea>
   </div>
   <div>
      <label>Filed4:</label>
      <textarea id="text4">T57</textarea>
   </div>
   <br><br>
   <div>
    <label> Value of S & M:</label>
      <textarea id="output"></textarea>
      <label> Value of P & T:</label>
      <textarea id="output1"></textarea>
    </div>

如何从输入框值查询

1 个答案: