Я пытаюсь получить выбранное значение из выпадающего списка через jQuery. У меня есть немного javascript, который проверяет форму, когда я нажимаю SEND, чтобы убедиться, что нет пробелов, код выглядит следующим образом:
function formCheckDancer(formobj){
// Enter name of mandatory fields
var fieldRequired = Array("dancerStageName", "dancerFullName", "dancerPhone", "dancerEmail", "dancerCountry", "dancerAvailableDate");
// Enter field description to appear in the dialog box
var fieldDescription = Array("Stage Name", "Full Name", "Phone Number", "Email Address", "Nationality", "Availability");
// dialog message
var alertMsg = "Please complete the following fields:\n";
var l_Msg = alertMsg.length;
for (var i = 0; i < fieldRequired.length; i++){
var obj = formobj.elements[fieldRequired[i]];
if (obj){
switch(obj.type){
case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == "" || obj.options[obj.selectedIndex].text == "..."){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "select-multiple":
if (obj.selectedIndex == -1){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "text":
case "textarea":
if (obj.value == "" || obj.value == null){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "checkbox":
if (obj.checked == false){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
default:
}
if (obj.type == undefined){
var blnchecked = false;
for (var j = 0; j < obj.length; j++){
if (obj[j].checked){
blnchecked = true;
}
}
if (!blnchecked){
alertMsg += " - " + fieldDescription[i] + "\n";
}
}
}
}
if (alertMsg.length == l_Msg){
return sendDetailsDancer(); //Send email if all field are populated.
return true;
}else{
alert(alertMsg);
return false;
}
}
function sendDetailsDancer(){
var stagename = $("input[name=dancerStageName]").val();
var fullname = $("input[name=dancerFullName]").val();
var phone = $("input[name=dancerPhone]").val();
var email = $("input[name=dancerEmail]").val();
var nationality = $("#dancerCountry").val();
var availability = $("input[name=dancerAvailableDate]").val();
$("#contact_form_result_dancer").html('<center><img src="loading.gif" width="32" height="32" /></center>');
$("#contact_form_result_dancer").show();
$.post("http://localhost/lapello/wp-content/themes/lapello/sendMailDancer.php", {stagename: stagename, fullname: fullname, phone: phone, email: email, nationality: nationality, availability: availability}, function (data){
$("#contact_form_result_dancer").html(data);
});
setTimeout("contactReturnDancer()", 4000);
return false;
}
В этом случае Национальность - это значение, которое я хочу. Как вы можете видеть, я пробовал:
var nationality = $("#dancerCountry").val();
который, похоже, не работает.
Если я поставлю следующий оператор предупреждения: alert (obj.options [obj.selectedIndex].text); после случая "select-one" выводится правильное значение, поэтому я знаю, что его передают правильно.
Я просто не уверен, как захватить его в функции sendDetailsDancer.
Любая помощь была оценена.
С уважением, Стивен