查询有关警报消息 [英] Query regarding alert message
本文介绍了查询有关警报消息的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
Hi everyone,
I created a login form in html. when i entered data in the form it should be display all details in alert message for that i wrote and code like this.
<pre><!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
var id1=document.getElementById("firstname").value;
var id2=document.getElementById("lastname").value;
var id3=document.querySelector('input[name="gender"]:checked').value;
var id4=document.getElementById("dob").value;
var id5=document.getElementById("email").value;
var id6=document.querySelector('input[name="nat"]:checked').value;
var id7=document.getElementById("city").value;
alert(id1+id2+id3+id4+id5+id6+id7);
}
</script>
</head>
<body>
<form action="/action_page.php">
<h2>Login Form</h2>
<fieldset>
<legend>Personal Information:</legend>
First name:<br/>
<input type="text" name="firstname" id="firstname"><br/><br/>
Last name:<br/>
<input type="text" name="lastname" id="lastname"><br/><br/>
Gender:<br/>
<div id="rates">
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</div>
<br/>
Birthday:
<input type="date" name="bday" id="dob">
<br/><br/>
E-mail:
<input type="email" name="email" size="40" id="email">
<br/><br/>
City:
<select name="City" id="city">
<option value="Hyderabad">Hyderabad</option>
<option value="Chennai">Chennai</option>
<option value="Bangalore">Bangalore</option>
<option value="Noida">Noida</option>
</select>
<br/><br/>
Nationality:<br>
<div id="nat">
<input type="checkbox" name="nat" value="Indian" id="ind">Indian
<input type="checkbox" name="nat" value="Other" id="oth">Other
<br/><br/>
<button onclick="myFunction()">Try it</button>
</div>
</form>
</fieldset>
</body>
</html>
but i would like do in another way when i entered firstname and lastname it should display those values only in alert message or if i entered firstname,lastname,dob those values only it should display. so which value i entered in form it should display those values in one alert message.
我尝试过的方法：
What I have tried:
<pre>but i would like do in another way when i entered firstname and lastname it should display those values only in alert message or if i entered firstname,lastname,dob those values only it should display. so which value i entered in form it should display those values in one alert message.
推荐答案
try this one
function myFunction() {
var id1=document.getElementById("firstname").value;
var id2=document.getElementById("lastname").value;
var id3=document.querySelector('input[name="gender"]:checked')!=null?document.querySelector('input[name="gender"]:checked').value:'';
var id4=document.getElementById("dob").value;
var id5=document.getElementById("email").value;
var id6=document.querySelector('input[name="nat"]:checked')!=null?document.querySelector('input[name="nat"]:checked').value:'';
var id7=document.getElementById("city").value;
alert(id1+id2+id3+id4+id5+id6+id7);
}
Hope Its help you.
这篇关于查询有关警报消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
