我需要从文本框中的名字和姓氏的前两个字母到页面中的某个位置
I need the first two letter of the first and the last name from text box to some where in a page
我需要名字和姓氏的前两个字母,它们将像Salman Shaikh一样在文本框中键入,所以它会在我的页面中的某个位置显示为SASH,我需要这个。
下面是jQuery的实际示例。
http://jsfiddle.net/rPTrK/
我也会把代码粘贴在这里-
jQuery(document).ready(function() {
jQuery("#submit").click(function() {
var firstName = $("#name").val().substr(0, 2);
var surname = $("#surname").val().substr(0, 2);
$("body").append(firstName+surname);
});
});
万一你不知道,jQuery就是JS库。你可以在这里买到。下载最新的jquery版本,并将其插入标记之间的html.php文件中,就像通常插入js脚本一样。
注意:只有在插入jQuery库之后,才能插入我创建的代码,否则它将无法工作。
编辑:更新到您的建议版本-
http://jsfiddle.net/pg8La/
代码-
jQuery(document).ready(function() {
jQuery("#form1").change(function() {
var firstName = $("#name").val().substr(0, 2);
var surname = $("#surname").val().substr(0, 2);
if(firstName != "" && surname != "") {
$("body").append(firstName+surname);
}
});
});
编辑2:根据您的请求的最终示例-
http://jsfiddle.net/K52fR/
代码在这里-
HTML
<form id="form1">
<input type="text" name="name" id="name" placeholder="name" />
<br />
<input type="text" name="surname" id="surname" placeholder="surname" />
<br />
<h2 id="text">WSCPP<span id="nameSurname"></span><span id="time"></span><span id="randomNr"></span></h2>
</form>
jQuery/JS-
jQuery(document).ready(function() {
jQuery("#form1").change(function() {
var firstName = $("#name").val().substr(0, 2);
var surname = $("#surname").val().substr(0, 2);
if(firstName != "" && surname != "") {
$("#nameSurname").text(firstName+surname);
}
});
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate(); var year = currentTime.getFullYear();
$("#time").text(day + "" + month + "" +year);
$("#randomNr").text(Math.floor(Math.random()*90000+9999));
});
我假设您正在将数据POST到某个页面,这就是为什么您有一个标记php
在你的问题中。
$firstname = substr($_POST['firstname'],2);
$lastname = substr($_POST['lastname'],2);
检查以下程序的
http://jsfiddle.net/YNV87/
这个怎么样:
$_REQUEST['firstname'] = 'Salman ';
$_REQUEST['lastname'] = 'Shaikh';
$firstname = strtoupper(substr($_GET['firstname'], 0, 2));
$lastname = strtoupper(substr($_GET['lastname'], 0, 2));
echo $firstname.$lastname;
将字符串分解为数组。
$name_array=explode(' ',$name);
$first=substr(trim($name_array[0]),0,2);
$last=substr(trim($name_array[1]),0,2);
相关文章:
- 在AngularJS中的两个位置使用相同的控制器
- 在两个位置显示数组中的随机单词
- javascript中两个位置之间的距离
- 1行代码(console.log),代码中的两个位置=两个结果差异
- 如何将两个位置添加到同一个网站的谷歌地图中
- 比较画布上两个位置的 x/y
- 使用 AJAX 将表单提交到两个位置
- 获取两个位置之间的距离和时间的功能
- 两个位置之间的距离 - 谷歌地图
- Parse.com云代码,计算两个位置之间的行驶距离
- $(文档).从两个位置单击
- 绘制两个位置之间的单元格
- 计算两个位置之间的距离谷歌地图Api
- 两个位置标记之间的距离
- 如何获得两个位置值的函数:固定和绝对
- 在HTML地图上绘制两个位置之间的路线
- 通过提供源和目标 .NET 或 JavaScript 的纬度和经度来计算两个位置之间的道路距离
- Google Maps JavaScript API v3 在两个位置之间绘制线条
- 页面上两个位置的相同 iframe
- 使用Javascript和PHP向两个位置提交表单数据