我这里有个牙牙牙牙牙牙问题 目前为止是我的密码
<form name="job_app">
Source?<br/>
<input type="radio" name="source" value="GAZ" id="GAZ" /> Stonoway Gazette <br/>
<input type="radio" name="source" value="JCP" id="JCP" /> Job Center <br/>
<input type="radio" name="source" value="WOM" id="WOM" /> Word of Mouth <br/><br/>
<script language="text/JavaScript">
if (document.job_app.source.GAZ.checked){
document.write= Issue <br/><input type="text" name="issue" /><br/><br/> ;
}
else if (document.job_app.source.JCP.checked){
document.write= Ref <br/><input type="text" name="ref" /><br/><br/> ;
}
//word of mouth has no additional input so there is no if statement for it
</script>
</form>
我希望这样做能创建(或解密) 问题或文本框, 取决于选择哪个收听按钮而不创建多个文本框 。
我从未和Java合作过, 也从未使用过类似语言。
This is the working code as of 07:15 26/05/2012 as thanks to Amy McCrobie.
It has undergone some edits since Amy s version (see below) i have moved all scripts above the form to make adding the next few fields easier, added a statement for word of mouth, omitted <head> as that is part of 指数.php and e.php 和 e.php 等离子体 while this is for 窗体.php, added a spacer and made the function name more specific.
指数.php
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<?php
include ./e.php 和 e.php 等离子体 ;
?>
</head>
<?php
/*if(isset($_POST[ submit ])){
include ./submit.php ;
}
else{*/
include ./窗体.php ;
//}
?>
</html>
e.php 和 e.php 等离子体
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta http-Equiv="Cache-Control" Content="no-cache" />
<meta http-Equiv="Pragma" Content="no-cache" />
<meta http-Equiv="Expires" Content="0" />
<title>job_app</title>
<link rel="StyleSheet" type="text/css" href="./样式(cs)"/>
窗体.php
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#issueEl").hide();
$("#refEl").hide();
});
function showHide_source(){
if (document.getElementById( GAZ ).checked)
{
document.getElementById( issueEl ).style.display = block ;
document.getElementById( refEl ).style.display = none ;
document.getElementById( src_spEl ).style.display = none ;
}
if (document.getElementById( JCP ).checked)
{
document.getElementById( issueEl ).style.display = none ;
document.getElementById( refEl ).style.display = block ;
document.getElementById( src_spEl ).style.display = none ;
}
if (document.getElementById( WOM ).checked)
{
document.getElementById( issueEl ).style.display = none ;
document.getElementById( refEl ).style.display = none ;
document.getElementById( src_spEl ).style.display = block ;
}
}
</script>
<form name="job_app" action="" method="post">
Source?<br/>
<input type="radio" name="source" value="GAZ" id="GAZ" onChange="showHide_source()" /> Stonoway Gazette <br/>
<input type="radio" name="source" value="JCP" id="JCP" onChange="showHide_source()" /> Job Center <br/>
<input type="radio" name="source" value="WOM" id="WOM" onChange="showHide_source()" /> Word of Mouth <br/><br/>
<div class="hideable" id="issueEl">Issue <br/><input type="text" name="issue" /><br/><br/></div>
<div class="hideable" id="refEl">Ref <br/><input type="text" name="ref" /><br/><br/></div>
<div class="hideable" id="src_spEl"></div>
rest of form
<input...
.../>
</form>
样式(cs)
div.hideable{
height: 62px;
}