[RESOLVED] I need help with this country dropdown list
I have this code I am trying to get to work below. What it should do is if USA or Canada are selected from the counrty dropdown, then it should populate the state list with ajax, if another country is selected, then it should hide the country dropdown list and show the "otherstate" text input box
Someone helped me write this code because I am not good with javascript so any help would be great.
Currently the page loads and country dropdown is shown and an empty state dropdown, when I select any country, nothing happens and there are 0 errors
"missing ) after argument list"
-
<form method="post" name="form1">
<select style="background-color: #ffffa0" name="country" onchange="getState(this.value)">
<option>Select Country</option>
<option value="223">USA</option>
<option value="224">Canada</option>
<option value="225">England</option>
<option value="226">Ireland</option>
</select>
<select style="background-color: #ffffa0" name="state">
<option>Select Country First</option>
</select>
<input type="text" name="othstate" value="" class="textBox" style="display: none;">
</form>
<script>
$(document).ready(function() {
getState();
});
function getState() {
$('#country').change( function() {
var val = $(this).val();
if (val == 223 || val == 224) {
$('#othstate').val('').hide();
$.ajax({
url: 'findState.php',
dataType: 'html',
data: { country : val },
success: function(data) {
$('#state').html(data);
}
});
}else {
$('#state').val('').hide();
$('#othstate').show();
}
});
}
</script>