Question

我使用此例程自动填充Web表单中的某些文本区域并且它运行良好我想用“下拉”替换任何“正斜杠/和/或空格或多个空格”空间，用于“输入3”以用于搜索引擎优化目的。

输入示例：轴承5603 / zz

输出结果：Bearing_5603_zz

<html>
<head>
<script type="text/javascript">
    function CopyData(val){
      var a = document.getElementById(val.id).value
      var inputs = document.querySelectorAll(".input");
      for(var i=0;i < inputs.length;i++){
        inputs[i].value = a;
      }
    }

</script>
</head>

<body>

Title:<input type="text" name ="Title" id="Text" onkeyup="CopyData(this)"/><br /><br />
Title Input 1:<input type="text" class="input" name ="Input1" /><br />
Title Input 2:<input type="text" class="input" name ="Input2" /><br /><br />
SEO Input 3:<input type="text" class="input" name ="Input3" /><br />                                                            

</body>
</html>

Answer 1

对于这些情况，您需要使用RegExp：

<script>
  function CopyData(val){
    var a = document.getElementById(val.id).value;
    var inputs = document.querySelectorAll(".input");
    for(var i=0;i < inputs.length;i++){
      inputs[i].value = (i == 2) ? a.replace(/\s+/g, "_").replace(/\//g, "_") : a;
    }
  }
</script>
Title:<input type="text" name ="Title" id="Text" onkeyup="CopyData(this)"/><br /><br />
Title Input 1:<input type="text" class="input" name ="Input1" /><br />
Title Input 2:<input type="text" class="input" name ="Input2" /><br /><br />
SEO Input 3:<input type="text" class="input" name ="Input3" /><br />

替换任何正斜杠和/或空格或多个空格

1 个答案: