jquery - 动态下拉菜单的占位符

我想知道如何在下拉菜单中放置一个占位符，例如“选择城市”。我怎样才能做到这一点？

function loadlist(selobj,url,nameattr)
{
    $(selobj).empty();
    $.getJSON(url,{},function(data)
    {
        $.each(data, function(i,obj)
        {
            $(selobj).append(
                 $('<option></option>')
                        .val(obj[nameattr])
                        .html(obj[nameattr]));
        });
    });
}

最佳答案

您需要将第一个option设为“选择城市”，并将其赋予空值。您稍后将需要进行一些验证，以确保在提交之前也已选中此验证。

function loadlist(selobj,url,nameattr)
{
  // save the jQuery obj in a var for efficiency.
  $selobj = $(selobj);
  $selobj.empty();
  $.getJSON(url,{},function(data)
  {
    $selobj.append(
        $('<option>Select a City</option>')
                    .val('null')
    );

    $.each(data, function(i,obj)
    {
        $selobj.append(
             $('<option></option>')
                    .val(obj[nameattr])
                    .html(obj[nameattr]));
    });
  });
}

关于jquery - 动态下拉菜单的占位符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22414283/