javascript - 将 Javascript 中的字符串拆分为 2 个字段-6ren

javascript - 将 Javascript 中的字符串拆分为 2 个字段

转载作者：行者123 更新时间：2023-11-28 17:18:20

我有以下脚本，当我将焦点移出输入字段时，它将 name 的值插入隐藏字段 first_name 中。如果我在 name 字段中输入多个名称，是否有可能将空格后面的所有内容移至 last_name？

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("input").focusout(function(){
        var first_name = $(this).val();
    	$('input#first_name').val(first_name);
    });
});
</script>
</head>
<body>

<div style="border: 1px solid black;padding:10px;">
  Name: <input id="name" name="name" autocomplete="off">
	<input type="hidden" id="first_name" name="first_name" autocomplete="off"><br>
	<input type="hidden" id="last_name" name="last_name" autocomplete="off">
</div>

</body>
</html>

最佳答案

String#substr 和 String#indexOf 可用于获取第一个空格之前和第一个空格之后的字符串。

注意:为了演示，我将隐藏输入保留为文本

$(document).ready(function() {
  $("input#name").blur(function() {
    var name = $(this).val();


    var fname = name.substr(0, name.indexOf(' '));
    var lname = name.substr(name.indexOf(' ') + 1);
    $('input#first_name').val(fname);
    $('input#last_name').val(lname);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div style="border: 1px solid black;padding:10px;">
  Name: <input id="name" name="name" autocomplete="off">
  <input type="text" id="first_name" name="first_name" autocomplete="off"><br>
  <input type="text" id="last_name" name="last_name" autocomplete="off">
</div>

关于javascript - 将 Javascript 中的字符串拆分为 2 个字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52969250/