HTML/JavaScript的/ PHP國家和國家名單

Question

我有一個是得到全國用戶選擇，然後腳本會將對應狀態的狀態框。

這裏是頭我的Javascript代碼：

<script type="text/javascript" src="jquery-1.9.1.min.js"> 
</script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#theselect").change(function() { 
var option = $(this).val(); 
     $.get("select.php", {select:option},function(data){ 
      $("#theresult").html(data).hide().fadeIn(1000); 
     }); 
    }); 
}); 
</script> 

這裏是人體的HTML代碼：

<select name="theselect" id="theselect"> 
<option value="">Select</option> 
<option value="submit_ind">Submit Individual Need</option> 
<option value="submit_org">Submit Organization Need</option> 
<option value="missionary">Submit Missionary Need</option> 

這裏是給是什麼樣的信息select.php腳本當每個選項被選中時顯示：

echo "<script type= 'text/javascript' src = 'http://www.1511project.com/countries.js'></script> 
"; 


***The other options are usually here but due to character restraints I had to delete to rest of it. So I do have an original If statement and 2 other elseif statement***  

elseif($_GET['select'] == 'missionary') { 

echo "<script>print_country('country');</script>"; 

?> 
<script> 

function limitText(limitField, limitCount, limitNum) { 
    if (limitField.value.length > limitNum) { 
     limitField.value = limitField.value.substring(0, limitNum); 
    } else { 
     limitCount.value = limitNum - limitField.value.length; 
    } 
} 

function validateForm() 
{ 
var x=document.forms["myForm"]["firstname"].value; 
if (x==null || x=="") 
    { 
    alert("First name must be filled out"); 
    return false; 
    } 

var r=document.forms["myForm"]["titleofneed"].value; 
if (r==null || r=="") 
    { 
    alert("Title of need must be filled out"); 
    return false; 
    } 

var s=document.forms["myForm"]["country"].value; 
if (s==null || s=="") 
    { 
    alert("Country must be filled out"); 
    return false; 
    } 


var u=document.forms["myForm"]["phone"].value; 

var b=document.forms["myForm"]["email"].value; 
if ((b==null || b=="") && (u==null || u=="")) 
    { 
    alert("Email or Phone must be provided for contact information."); 
    return false; 
    } 

var c=document.forms["myForm"]["city"].value; 
if (c==null || c=="") 
    { 
    alert("City must be filled out"); 
    return false; 
    } 

var d=document.forms["myForm"]["state"].value; 
if (d==null || d=="") 
    { 
    alert("State must be filled out"); 
    return false; 
    } 

var h=document.forms["myForm"]["recurring"].value; 
if (h==null || h=="") 
    { 
    alert("Recurring need must be filled out"); 
    return false; 
    } 

var j=document.forms["myForm"]["typeofneed"].value; 
if (j==null || j=="") 
    { 
    alert("Type of need must be filled out"); 
    return false; 
    } 

} 
</script> 

<p>Please enter the information below for the CONTACT PERSON of the need you are submitting.<br /><br /></p> 
<form action="processneedmiss.php" name="myForm" method="post" onsubmit="return validateForm();"> 
<p>First Name: <input type="text" name="firstname" /></p> 
<p>Phone #: <input type="text" name="phone" /> <img src='http://www.aotees.com/images/questionMarkIcon_SMALL.jpg' alt='Must provide phone number OR email. Providing both is recommended.' title='Must provide phone number OR email. Providing both is recommended.' height='15' width='15'></p> 
<p>Email: <input type="text" name="email" /> <img src='http://www.aotees.com/images/questionMarkIcon_SMALL.jpg' alt='Must provide phone number OR email. Providing both is recommended.' title='Must provide phone number OR email. Providing both is recommended.' height='15' width='15'></p> 




<p>Country: <select onchange="print_state('state',this.selectedIndex);" id="country" name = "country"></select></p> 

<p>District/State: <select name ="state" id = "state"></select></p> 





<p>City: <input type="text" name="city" /></p> 
<p>Title of Need: <input type="text" name="titleofneed" /> <img src='http://www.aotees.com/images/questionMarkIcon_SMALL.jpg' alt='Type a short title to organize your needs.' title='Type a short title to organize your needs.' height='15' width='15'></p> 
<p>Type of Need: <select name="typeofneed"> <option></option><option>Supplies</option><option>Lawn Care</option> <option>Heavy Lifting</option><option>Event Volunteering</option><option>Home Repair</option> <option>Clean Up</option> <option>Other</option></select></p> 
<p>Recurring Need: 
<select name='recurring' size='1'> 
<option value=''></option> 
<option>No</option> 
<option>Yes</option> 
</select> <img src='http://www.aotees.com/images/questionMarkIcon_SMALL.jpg' alt='If need happens on a regular basis, select Yes' title='If need happens on a regular basis, select Yes.' height='15' width='15'> 
</p> 
<p> 
How many people are needed: <input type="number" name="howmanypeople" /> <img src='http://www.aotees.com/images/questionMarkIcon_SMALL.jpg' alt='If you want the need to be taken down after a certain number of people sign up for the need, enter that number here. If you only want 1 person leave this blank.' title='If you want the need to be taken down after a certain number of people sign up for the need, enter that number here. If you only want 1 person leave this blank.' height='15' width='15'> 
</p> 
<p>Expiration Date: (If no expiration date leave blank.) 
<br> 
Month: 
     <select name='month' size='1'> 
    <option value='0'></option> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
    <option value='4'>4</option> 
    <option value='5'>5</option> 
    <option value='6'>6</option> 
    <option value='7'>7</option> 
    <option value='8'>8</option> 
    <option value='9'>9</option> 
    <option value='10'>10</option> 
<option value='11'>11</option> 
<option value='12'>12</option> 
</select> 
    Day: 
<select name='day' size='1'> 
    <option value='0'></option> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
    <option value='4'>4</option> 
    <option value='5'>5</option> 
    <option value='6'>6</option> 
    <option value='7'>7</option> 
    <option value='8'>8</option> 
    <option value='9'>9</option> 
    <option value='10'>10</option> 
<option value='11'>11</option> 
<option value='12'>12</option> 
<option value='13'>13</option> 
<option value='14'>14</option> 
<option value='15'>15</option> 
<option value='16'>16</option> 
<option value='17'>17</option> 
<option value='18'>18</option> 
<option value='19'>19</option> 
<option value='20'>20</option> 
<option value='21'>21</option> 
<option value='22'>22</option> 
<option value='23'>23</option> 
<option value='24'>24</option> 
<option value='25'>25</option> 
<option value='26'>26</option> 
<option value='27'>27</option> 
<option value='28'>28</option> 
<option value='29'>29</option> 
<option value='30'>30</option> 
<option value='31'>31</option> 
</select> 
    Year: 
<select name='year' size='1'> 
    <option value='0'></option> 
    <option value='2012'>2012</option> 
    <option value='2013'>2013</option> 
    <option value='2014'>2014</option> 
    <option value='2015'>2015</option> 
    <option value='2016'>2016</option> 
    <option value='2017'>2017</option> 
    <option value='2018'>2018</option> 
    <option value='2019'>2019</option> 
    <option value='2020'>2020</option> 
    <option value='2021'>2021</option> 
    <option value='2022'>2022</option> 
    <option value='2023'>2023</option> 
    <option value='2024'>2024</option> 
    <option value='2025'>2025</option> 
    <option value='2026'>2026</option> 
    <option value='2027'>2027</option> 
    <option value='2028'>2028</option> 
</select> 
</p> 
<p>Description of Need: <br>(Do not include sensitive information you don't want others seeing on the website.)<br /><textarea name="description" onKeyDown="limitText(this.form.description,this.form.countdown,850);" 
onKeyUp="limitText(this.form.description,this.form.countdown,850);" style="margin: 2px; width: 494px; height: 164px;"></textarea><br><font size="1">(Maximum characters: 850)<br> 
You have <input readonly type="text" name="countdown" size="4" value="850"> characters left.</font></p> 
<p><input type="submit" value="Submit" /></p> 
</form> 
<?php 
} 
?> 

我遇到的問題是，當人們選擇SE中的「傳教士」選項的第一次，也不會顯示宣教形式。但是，如果我選擇另一種形式，第一，然後選擇傳教士選項，它會顯示和做工精細。或者如果我先選擇另一種形式，那麼它的傳教選擇將起作用。但如果我首先選擇「傳教士」，這是行不通的。

我在「傳教」的形式問題的根源找到了這一段代碼：

<script>print_country('country');</script> 

如果代碼是在任何地方的形式，形式不會拉起第一次。

任何人都可以幫忙嗎？

Answer 1

你似乎只包括countries.js庫到你的頁面，當你返回非「傳教士」的情況。確保你包括你內心elseif該文件：

elseif($_GET['select'] == 'missionary') { 

    echo "<script type= 'text/javascript' src = 'http://www.1511project.com/countries.js'></script>"; 
    echo "<script>print_country('country');</script>"; 

} 

編輯：爲什麼你甚至包含js文件在你的AJAX回報，沒有它總是你父頁面。這樣就可以隨時使用了。它不提供原始頁面加載開銷很大，但它造成的問題作爲一個AJAX回報的一部分。