Javascript中的文本框数据

debugcn 发表于 Dev

马修

需要一点帮助。

下面的脚本从文本框中选择值，并将其添加到URL。

例如：

文本框的值：
一个
2
3
四
五
六
七

输出网址：https：
//www.google.com/search？q = one + two + three + four + five + six + seven

我需要的帮助：

而不是将所有文本框值添加到URL，我需要将文本框值拆分为5的倍数并相应地拆分URL

输出应为：
https : //www.google.com/search ? q = one+ two+ three+
four+5 https://www.google.com/search?q=six+seven

$(function () {
  $("#text1").click(function () {
    if ($('#textbox1').val() != '') {
      var search_container1 = $("#textbox1").val().split(" ");
      for (k = 0; k < search_container1.length; k++) {
        search_container1[k] = search_container1[k].replace(/\s/gi, "+");
      }
      var srcbox1 = "val1234";

      if (srcbox1 == "val1234") {
        var search_val1234 = "";
        for (var i = 0; i < search_container1.length; i++) {
          search_val1234 = search_container1[i];
          {
            window.open("https://www.google.com/search?client=firefox-b-d&q=" + search_val1234 + "");
          }
        }

      }
    }
    else if ($('#textbox1').val() == '') {
      alert("Enter Keyword");
    }
  });
});

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>textbox</title>
</head> 

<body>  
    <div class="container">

        <div class="col-sm">
                      <div class="card">
                      <div class="card-body"><center><a>Deal IDs</a></center>
                        <br>
                              <textarea id="textbox1" cols="5" rows="7"></textarea><br>
                        <center><br><button id="text1" class="btn btn-warning btn-block ">Submit</button></center>
                        </div>
                    </div>
                   </div>
    </div>


</body>

</html>

特提斯0

这是jsFiddle链接，您可以参考它的解决方案。

$("#queryBtn").on('click', function(){
	let val = $("#inputTextArea").val();
  if(val){
  	const chunk = 5;
  	let valuesArray = val.toLowerCase().split(/[\s*\n*]/ig).filter((x) => x != "");
    console.log(valuesArray);
    let i,j,tArr;
    for (i=0,j=valuesArray.length; i<j; i+=chunk) {
        tArr = valuesArray.slice(i,i+chunk);
        window.open("https://www.google.com/search?q=" + tArr.join("+"));
    }
  }
});

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css" rel="stylesheet"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<div class="container">
  <h5>
  Enter values in textarea
  </h5>
  <textarea id="inputTextArea" class="form-control" aria-label="With textarea"></textarea>
  <br>
  <button type="button" id="queryBtn" class="btn btn-primary">Send</button>
</div>

尝试Fiddle链接以使window.open正常工作===> JS-Fiddle链接

逐行解释代码-

首先使用jquery id选择器从文本区域获取值。
将块设置为等于5（因为块大小为5）。
从文本区域我们得到了字符串，因此将字符串转换为小写，然后使用正则表达式，我们尝试按空格和换行符进行拆分。然后将其衬里到过滤器函数，该函数将删除数组内部不必要的空字符串术语。
逐段循环，因此逐段拼接数组，然后将其与'+'字符连接，然后将其传递给window.open。

玩弄代码，欢迎堆栈溢出:)

如果解决了问题，请确保进行投票。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。