javascript中的PHP代码
我不知道javascript是如何工作的,但我能够通过从不同的站点复制来编写以下代码 我的目标是有两个广播框(1=印度,2=印度以外),如果选择了印度以外,则会显示一个下拉框,其中显示所有国家的名称 下拉列表是从数据库中选择的,它是通过自定义php函数实现的 我能够使代码根据我的收音机框选择显示下拉列表 我不能做的事情如下:javascript中的PHP代码,php,javascript,html,Php,Javascript,Html,我不知道javascript是如何工作的,但我能够通过从不同的站点复制来编写以下代码 我的目标是有两个广播框(1=印度,2=印度以外),如果选择了印度以外,则会显示一个下拉框,其中显示所有国家的名称 下拉列表是从数据库中选择的,它是通过自定义php函数实现的 我能够使代码根据我的收音机框选择显示下拉列表 我不能做的事情如下: 我无法从下拉列表中选择任何值 如果我更改了收音机框中的选项,则无法隐藏下拉列表 以下是表格的代码: <form action="<?php $_SERVER['
<form action="<?php $_SERVER['PHP_SELF']?>" method="post">
<fieldset>
<br />
<script type="text/javascript">
function onclickradio(entry){
if (entry === true) {
alert("YOU HAVE CHOSEN INDIA");
}
else {
document.getElementById('OTHER THAN INDIA').innerHTML = '</br><?php dropdown('country');?>';
}
}
</script>
Country: </br>
<input onclick="onclickradio(document.getElementById('INDIA').checked);" id="INDIA" name="country" type="radio" checked="checked"/> INDIA
<input onclick="onclickradio(document.getElementById('INDIA').checked);" id="OTHER THAN INDIA" name="country" type="radio"/> OTHER THAN INDIA
<br /><br /><br />
State: <input type="text" name="State" maxlength="30"/><br />
Line1: <input type="text" name="Line1" maxlength="50" /><br />
Line2: <input type="text" name="Line2" maxlength="50" /><br />
City: <input type="text" name="City" maxlength="40" /><br />
PIN Code: <input type="text" name="PIN_Code" maxlength="8" /><br />
<input type="submit" name="submit_address" value="Submit Address" />
</fieldset>
</form>
我想到的几件事:
- 不要在id值中放置空格。我建议您也使用小写,这样您就可以用“india”和“not india”来代替
- 使用Firefox/Firebug或类似工具,查看运行此应用程序时是否存在任何JavaScript错误
- 考虑使用jQuery或类似的工具来捕捉变化事件——它很容易使用,并且使用“不引人注目”的方法将JS功能添加到页面中
我想到的几件事:
- 不要在id值中放置空格。我建议您也使用小写,这样您就可以用“india”和“not india”来代替
- 使用Firefox/Firebug或类似工具,查看运行此应用程序时是否存在任何JavaScript错误
- 考虑使用jQuery或类似的工具来捕捉变化事件——它很容易使用,并且使用“不引人注目”的方法将JS功能添加到页面中
元素的Id字段不能有空格。只需尝试删除
“除印度以外”中的空格
或替换为看起来像除印度以外
元素的Id字段不能有空格。只要尝试删除“印度以外”中的空格
或替换为看起来像印度以外的空格
即可清除所选内容(如果选择了印度)
function onclickradio(entry) {
if(entry===true) {
alert("YOU HAVE CHOSEN INDIA");
document.getElementById('OTHER THAN INDIA').innerHTML = '';
}
else {
document.getElementById('OTHER THAN INDIA').innerHTML = '<br/><?php dropdown('country');?>';
}
}
单击收音机的功能(输入){
如果(条目===true){
警惕(“您选择了印度”);
document.getElementById('OTHER INDIA')。innerHTML='';
}
否则{
document.getElementById('OTHER INDIA')。innerHTML='
';
}
}
如果选择了印度,则清除选择
function onclickradio(entry) {
if(entry===true) {
alert("YOU HAVE CHOSEN INDIA");
document.getElementById('OTHER THAN INDIA').innerHTML = '';
}
else {
document.getElementById('OTHER THAN INDIA').innerHTML = '<br/><?php dropdown('country');?>';
}
}
单击收音机的功能(输入){
如果(条目===true){
警惕(“您选择了印度”);
document.getElementById('OTHER INDIA')。innerHTML='';
}
否则{
document.getElementById('OTHER INDIA')。innerHTML=''; } } 试试这个:
$(document).ready(function() {
// hide address inputs
$('#address').hide();
// show address inputs if the not india button is pressed
$('#not-india').click(function() {
$('#address').show();
});
// re-hide address inputs if india is selected
$('#india').click(function() {
$('#address').hide();
});
});
您还必须在页面中包含jQuery
小提琴:
请注意,我使用了以下标记-特别注意此div的id
<input id="india" name="country" type="radio" checked="checked"/> India
<input id="not-india" name="country" type="radio" /> Not India
<br />
<div id="address">
<p><select>
<option>USA</option>
<option>UK</option>
<option>Ireland</option>
<option>etc...</option>
</select>
</p>
<p>State: <input type="text" name="State" maxlength="30"/></p>
<p>Line1: <input type="text" name="Line1" maxlength="50" /></p>
<p>Line2: <input type="text" name="Line2" maxlength="50" /></p>
<p>City: <input type="text" name="City" maxlength="40" /></p>
</div>
印度
不是印度
美国
英国
爱尔兰
等
声明:
第1行:
第2行:
城市:
试试这个:
$(document).ready(function() {
// hide address inputs
$('#address').hide();
// show address inputs if the not india button is pressed
$('#not-india').click(function() {
$('#address').show();
});
// re-hide address inputs if india is selected
$('#india').click(function() {
$('#address').hide();
});
});
您还必须在页面中包含jQuery
小提琴:
请注意,我使用了以下标记-特别注意此div的id
<input id="india" name="country" type="radio" checked="checked"/> India
<input id="not-india" name="country" type="radio" /> Not India
<br />
<div id="address">
<p><select>
<option>USA</option>
<option>UK</option>
<option>Ireland</option>
<option>etc...</option>
</select>
</p>
<p>State: <input type="text" name="State" maxlength="30"/></p>
<p>Line1: <input type="text" name="Line1" maxlength="50" /></p>
<p>Line2: <input type="text" name="Line2" maxlength="50" /></p>
<p>City: <input type="text" name="City" maxlength="40" /></p>
</div>
印度
不是印度
美国
英国
爱尔兰
等
声明:
第1行:
第2行:
城市:
您必须记住,PHP是服务器端语言,而Javascript是客户端语言id字段中的空格是什么?你能得到用“除印度以外”标识的元素吗?印度/非印度会更好,虽然它被一个字符串包围,但我认为这并不重要,但是:Id-1)中的命名规则必须以字母a-Z或a-Z开头2)后面可以跟:字母(a-Za-Z)、数字(0-9)、连字符(“-”、3)下划线(“”)和HTML,所有值都是不区分大小写的Hi Craig1231,我按照您的指定进行了操作(即添加了行文档.getElementById('OTHER INDIA')。innerHTML=''?)。但是现在什么都没有发生,javascript代码都没有工作。请帮助。你必须记住PHP是一种服务器端语言,而Javascript是一种客户端语言。那么id字段中的空格呢?你能得到用“除印度以外”标识的元素吗?印度/非印度会更好,虽然它被一个字符串包围,但我认为这并不重要,但是:Id-1)中的命名规则必须以字母a-Z或a-Z开头2)后面可以跟:字母(a-Za-Z)、数字(0-9)、连字符(“-”、3)下划线(“”)和HTML,所有值都是不区分大小写的Hi Craig1231,我按照您的指定进行了操作(即添加了行文档.getElementById('OTHER INDIA')。innerHTML=''?)。但是现在什么都没有发生,javascript代码都没有工作。请帮忙。