我应该如何从多个select依赖项为联系人表单生成php脚本
在任何人大喊“转发”之前,我所见过的类似于我的案例并不多。我应该如何从多个select依赖项为联系人表单生成php脚本,php,contact-form,Php,Contact Form,在任何人大喊“转发”之前,我所见过的类似于我的案例并不多。我有一个联系人表单,可以有一个主选择选项、一个子选择选项,然后是该表单的一个子选择选项。总的来说,有27个选项可供选择,我想我可以让php给我所有27个选项,然后做一个“是的,他们选择了这一个,但不是那一个”类型的报告,但我离题了。如何让我的联系人表单的php脚本只发送从可能的三层选择菜单中选择的内容?编辑:我完全愿意使用PHP以外的其他工具来帮助实现这一点,我只需要PHP脚本的帮助。编辑:明确地说,我正在尝试创建并填充一个PHP脚本,而
我有一个联系人表单,可以有一个主选择选项、一个子选择选项,然后是该表单的一个子选择选项。总的来说,有27个选项可供选择,我想我可以让php给我所有27个选项,然后做一个“是的,他们选择了这一个,但不是那一个”类型的报告,但我离题了。
如何让我的联系人表单的php脚本只发送从可能的三层选择菜单中选择的内容?编辑:我完全愿意使用PHP以外的其他工具来帮助实现这一点,我只需要PHP脚本的帮助。
编辑:明确地说,我正在尝试创建并填充一个PHP脚本,而不是验证表单/检查是否填写了所有必需的部分。
代码
名称:
电子邮件:
服务:
选择一项服务
屏幕更换
计算机工作
混杂的
选择一个设备
苹果手机
iPad
安卓
选择一个模型
iphone6
iphone6plus
iphone5s
iphone5c
iPhone5
iPhone4S
iPhone4
选择一个模型
iPadMini3
iPadMini2
iPad Air
iPad4
iPad3
迷你iPad
iPad2
桌面创建
桌面构建
硬件升级
数据恢复/传输
间谍软件/广告软件删除
病毒清除
网络安全
信息:
我假设您确实有jquery在选择设备等时显示相关的选择框。。。我对html表单做了一些更改,比如在表单标签中添加id=“form”。还为“请选择服务”等选项添加了value=”“。。这是代码。希望这有帮助。。也请参考这一点。。
名称:
电子邮件:
服务:
选择一项服务
屏幕更换
计算机工作
混杂的
选择一个设备
苹果手机
iPad
安卓
选择一个模型
iphone6
iphone6plus
iphone5s
iphone5c
iPhone5
iPhone4S
iPhone4
选择一个模型
iPadMini3
iPadMini2
iPad Air
iPad4
iPad3
迷你iPad
iPad2
桌面创建
桌面构建
硬件升级
数据恢复/传输
间谍软件/广告软件删除
病毒清除
网络安全
信息:
$(文档).ready(函数(){
$('select').change(函数(){
var-boxid=$(this).children('option:selected').attr('data-target');
警报(boxid);
如果(boxid==“设备”){
var divId=“服务-”+boxid;
}
document.getElementById(divId).style.display=“block”;
});
$(“表格”)。提交(函数(){
//$(':输入[value=”“]).attr('disabled',true);
$(“输入[type='text'],选择,输入[type='password'],textarea”,此)。每个(函数(){
如果($(this).val().trim()==“”){
$(this.attr('disabled',true);
}
})
});
});
纯PHP,你不能。如果你对混合使用一些javascript/jQuery感兴趣,那么你可以设置不应该提交的输入的“disabled”属性,并在应该完成/提交时取消禁用它们。我一点也不介意加入一些JS/jQuery,但问题是我希望每个选项都是可选的,这听起来像,用你的方法,那是不可能的。如果我错了,请纠正我,我对这两种语言都不是很熟悉,只是可以编辑,而不是创建hahaSorry,这不是我真正想要做的;我试图创建并填充一个php联系人表单,而不是验证是否所有内容都已填写(虽然很重要,但不是现在的问题)。
<form id="form" action="sending.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="action" value="submit">
Name:<br>
<input name="name" type="text" value="" size="30"/><br>
Email:<br>
<input name="email" type="text" value="" size="30"/><br>
Service:<br>
<select name="service" id="service" class="service">
<option value="">Select a Service</option>
<option value="screen" data-target="devices" id="screen">Screen Replacement</option>
<option value="comp" data-target="comp" id="comp">Computer Work</option>
<option value="misc" data-target="misc" id="misc">Miscellaneous</option>
</select>
<div style="display:none" id="service-devices">
<select name="devices" id="devices" class="devices">
<option value="">Select a Device</option>
<option value="iphone" data-target="iphones" id="iphone">iPhone</option>
<option value="ipad" data-target="ipads" id="ipad">iPad</option>
<!--<option value="watch" id="watch">Apple Watch</option> -->
<option value="android" id="android">Android</option>
</select>
<div style="display:none" id="devices-iphones">
<select name="iphone" id="iphone" class="iphone">
<!--<option value="iphone6s" id="iphone6s">iPhone 6S</option> -->
<!--<option value="iphone6splus" id="iphone6splus">iPhone 6S Plus</option>-->
<option value="">Select a Model</option>
<option value="iphone6" id="iphone6">iPhone 6</option>
<option value="iphone6plus" id="iphone6plus">iPhone 6 Plus</option>
<option value="iphone5s" id="iphone5s">iPhone 5S</option>
<option value="iphone5c" id="iphone5c">iPhone 5C</option>
<option value="iphone5" id="iphone5">iPhone 5</option>
<option value="iphone4s" id="iphone4s">iPhone 4S</option>
<option value="iphone4" id="iphone4">iPhone 4</option>
</select>
</div>
<div style="display:none" id="devices-ipads">
<select name="ipad" id="ipad" class="ipad">
<option value="">Select a Model</option>
<option value="ipadmini3" id="ipadmini3">iPad Mini 3</option>
<option value="ipadmini2" id="ipadmini2">iPad Mini 2</option>
<option value="ipadair" id="ipadair">iPad Air</option>
<option value="ipad4" id="ipad4">iPad 4</option>
<option value="ipad3" id="ipad3">iPad 3</option>
<option value="ipadmini" id="ipadmini">iPad Mini</option>
<option value="ipad2" id="ipad2">iPad 2</option>
</select>
</div>
</div>
<div style="display:none" id="service-comp">
<select name="compwork" id="compwork" class="compwork">
<option value="desktopcreation" id="desktopcreation">Desktop Creation</option>
<option value="desktopbuild" id="desktopbuild">Desktop Build</option>
<option value="hardwareupgrades" id="hardwareupgrades">Hardware Upgrades</option>
<option value="datarecovery" id="datarecovery">Data Recovery/Transfer</option>
<option value="spywareremoval" id="spywareremoval">Spyware/Adware Removal</option>
<option value="virusremoval" id="virusremoval">Virus Removal</option>
</select>
</div>
<div style="display:none" id="service-misc">
<select name="miscellaneous" id="miscellaneous" class="miscellaneous">
<option value="networksecurity" id="networksecurity">Network Security</option>
<!--<option value="webdesign" id="webdesign">Website Design</option>-->
</select>
</div><br>
Message:<br>
<textarea name="message" rows="7" cols="30"></textarea><br>
<input type="submit" value="Submit Request"/>
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('select').change(function(){
var boxid = $(this).children('option:selected').attr('data-target');
alert(boxid);
if(boxid == "devices") {
var divId = "service-" + boxid;
}
document.getElementById(divId).style.display = "block";
});
$("form").submit(function(){
// $(':input[value=""]').attr('disabled', true);
$("input[type='text'],select,input[type='password'],textarea",this).each(function() {
if($(this).val().trim() == "") {
$(this).attr('disabled', true);
}
})
});
});
</script>