我试图找出一种方法来拥有多个链接和 1 个弹出式 FancyBox 表单。当用户单击其中一个国家/地区时,我希望在下拉菜单中选择该国家/地区。一切都很好,除了我不知道如何在下拉列表中选择值。谁能帮我这个?先感谢您 :)。
<script type="text/javascript">
jQuery(document).ready(function() {
$("a.country-form").fancybox({
'scrolling' : 'no',
'titleShow' : false,
'onClosed' : function() {
$("#country_error").hide();
}
});
$("#country_form").bind("submit", function() {
if ($("#country_country").val() == 0) {
$("#country_error").show();
$.fancybox.resize();
return false;
}
$.fancybox.showActivity();
$.ajax({
type : "POST",
cache : false,
url : "process.php",
data : $("#country_form").serializeArray(),
success: function(data) {
$.fancybox(data);
}
});
return false;
});
}
</script>
<a class="country-form" href="#country_form" >Submit textbook (Canada)</a>
<a class="country-form" href="#country_form" >Submit textbook (United States)</a>
<a class="country-form" href="#country_form" >Submit textbook (United Kingdom)</a>
<div style="display:none">
<form id="country_form" name="country_form" method="post" action="">
<p id="country_error">* There was a problem with your submission.</p>
<h1>Submit textbook in (COUNTRY HERE)</h1>
<label for="country">Country: </label>
<select name="country" id="country_country">
<option value="0">Country...</option>
<option value=1>Canada</option>
<option value=2>United States</option>
<option value=3>United Kingdom</option>
</div>