jquery - 我如何使用jquery绑定下拉列表

Question

我有一个下拉列表，我想知道如何将下拉列表客户端与来自数据库的数据绑定....

另一个问题是……我正在验证一个下拉列表……到目前为止，这就是我所拥有的：

if ($("select[id*=drpR]").val() == "Choose") {
    $("#lblmessage").html("Please choose Reseller!");
    return false;//To prevent the form from submitting.
}
else {
    return true;
}

我的问题是，它没有在其他部分显示消息..有人可以帮助我..吗？

Answer 1

像这样试试

if ($("#drpR").val() != '') 
{            //Try to change here                    
      return true;                    
}
else {
      $("#lblmessage").html("Please choose type!");
      return false;
}

并为默认选项设置空值，即喜欢

<option value=''>--Choose--</option>

Answer 2

嘿，请尝试此代码。

<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
data: "{}",
url: "AjaxInJquery.aspx/GetCityData",
dataType: "json",
success: ajaxSucceess,
error: ajaxError
});
function ajaxSucceess(response) {
$.each(response.d, function (key, value) {
$("#ddlCategory").append($("<option>       </option>").val(value.CityId).html(value.Cityname));
});
}
function ajaxError(response) {
alert(response.status + ' ' + response.statusText);
}
});
</script>

请参考此链接到 Explorer 更多参考链接

希望它会帮助你

Answer 3

尝试这个：

if ($("#drpR").val().length != 0 && $("#drpR").val() != "Choose") {
// or try if ($("#drpR").val() != "" && $("#drpR").val() != "Choose") {
    return true;
}
else {
    $("#lblmessage").html("Please choose type!");
    return false;
}