[英]On submit, store form value in variable, then display it in a second form
在这里处理一个简单的问题。 最后，该项目将采用用户提交的名称并使用前两个字母大写。
但是现在，我只是试图将用户的输入存储在变量中，然后以“结果”形式显示完全相同的内容。 不知道我要去哪里错了。
JSFiddle： http : //jsfiddle.net/Ever/DQn57/
HTML：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">
</script>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<script src="application.js"></script>
<title>Tim's Name Capitalizer!</title>
</head>
<body>
<h2>Name Capitalizer</h2>
<div class="intro">
Welcome! Enter your name below (first and last) then press "SUBMIT" to see
what happen!
<br>
</div>
<br>
<form>
Enter Here:
<br>
<input type="text" name="name" id="enteredFormName" placeholder="Your
Name">
</form>
<br>
<form>
Result:
<br>
<input type="text" name="fixName" id="fixedFormName" placeholder="Your
Name">
</form>
<br>
<button>Submit</button>
</body>
</html>
CSS：
div.intro{
font-weight: bold;
width: 50%;
}
form.questions{
text-align: left;
font-size: 25px;
width: 500px;
height: 100px;
border: 1px solid black;
padding: 5px;
}
JS：
$(document).ready(function(){
//when the <submit> button is clicked
$('button').click(function(){
//store the user's entry in a variable
var enteredName = document.getElementById('enteredFormName').value;
//update the html in the second form to show the user's entered name
$('#fixedFormName').value(enteredName);
});
}
http://jsfiddle.net/dwebexperts/U68ny/2/
替换为：
$(document).ready(function(){
//when the <submit> button is clicked
$('button').click(function(){
//store the user's entry in a variable
var enteredName = document.getElementById('enteredFormName').value;
//update the html in the second form to show the user's entered name
$('#fixedFormName').value(enteredName);
});
}
有了这个：-
$(document).ready(function(){
//when the <submit> button is clicked
$('button').click(function(){
//store the user's entry in a variable
var enteredName = document.getElementById('enteredFormName').value;
//OR var enteredName = $('#enteredFormName').val();
//update the html in the second form to show the user's entered name
$('#fixedFormName').val(enteredName);
});
});
在" $(document).ready(function(){ "的结尾处，您也遇到了一个问题，您只用}来结束它，而它需要}); 在末尾。
为什么将普通js与jquery混合？
var enteredName = $('#enteredFormName').val();
$('#fixedFormName').val(enteredName);
试试这个
$(function(){
$("button").click(function(){
var data = $("#enteredFormName").val();
$("#fixedFormName").val(data);
});
})
使用jQuery我的朋友。
$(document).ready(function(){
//when the <submit> button is clicked
$( "button" ).click(function() {
//store the user's entry in a variable
var enteredName = $('#enteredFormName').val();
//update the html in the second form to show the user's entered name
$('#fixedFormName').val(enteredName);
});
});
尝试这个 ：
jQuery的：
$(document).ready(function(){
$('#button').click(function(){
var enteredName = document.getElementById('enteredFormName').value.toUpperCase();
$('#fixedFormName').val(enteredName)
});
});
演示：
获取表单提交中的复选框值，并使用jQuery存储在变量中
[英]Get checkbox value on form submit and store in a variable using jQuery
如何从提交表单中获取输入值并存储在redux存储变量中？
[英]How to take input value from submit form and store in redux store variable?
如何一次提交两个表单并将第一表单提交的输出值存储为第二表单值？
[英]How to submit two forms at a time and store first form submit output value as 2nd form value?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.