1.从后台获取数据并通过循环方式给select添加option

 加载完数据刷新下拉菜单 

  $('#queryDepart').selectpicker('refresh')

jquery 输入框模糊下拉 jquery下拉列表框_Text

 2.jQuery操作select下拉框  

  var selId = 下拉框对象ID

  1. 获取指定下拉框选项:
  $("#selId").find("option:selected");

“option:selected”为选中项,“option:first”为首项(索引值为0),“option:last”为末项(索引值最大)

    $("#selId option[value='xxx']")

获取下拉框选项值为“xxx”的选项

  //$("#selId option[text='xxx']");
  //$("#selId option[index='x']");

以上2种方法测试后,均返回Object,但.val()方法返回undefined,.text()方法返回为空,.attr("selected", true)方法更无效果,建议不要使用!!

  2. 获取下拉框选中项的文本:
  $("#selId").find("option:selected").text();

  3. 获取下拉框选中项的值:
  $("#selId").val();

  4. 获取下拉框选中项的索引:
  $("#selId").get(0).selectedIndex;

“get(0)”即获取选中项

    例如:

<select id="selId">
    <option value="a">AAA</option>
    <option value="b">BBB</option>
    <option value="c">CCC</option>
    <option value="e" selected="selected">EEE</option>
</select>

  用此方法获取以上下拉框选中项的索引值为3。

  5. 设置下拉框的选中项:
  $("#selId").get(0).selectedIndex = index;

设置下拉框中选项的索引值=index的项为选中项

  $("#selId").attr("value","xxx“);
  $("#selId").val("xxx");
  $("#selId").get(0).value = "xxx";

以上3个方法都是设置下拉框中选项的值=“xxx”的项为选中项

  6. 添加下拉框选项:
  $("#selId").append("<option value='Value'>Text</option>");

  $("#selId").prepend("<option value='Value'>Text</option>");

“append”在下拉框末尾添加,添加后此项索引值最大; “prepend”在下拉框的首部添加,添加后此项索引值为0

  7. 移除下拉框选项:
  $("#selId option[value='xxx']").remove();

移除下拉框选项值为“xxx”的选项

  8. 清空下拉框所有选项:
  $("#selId").empty();
  $("#selId option").remove()