JQuery操作元素

select可選屬性如下所示:
這裏寫圖片描述

<select id="departmentNameSelect">
    <option id="a">a</option>
    <option id="b">b</option>
    <option id="c">c</option>
</select>
  1. 獲取被選中option元素內的文本內容
//方法1
var departmentName = $("#departmentNameSelect option:selected").val();
//方法2
var departmentName = $("#departmentNameSelect option:selected").text();

  1. 設置某個option子元素被選中
$("#a").attr("selected", "selected");
  1. 獲取被選中option子元素的id屬性
var id = $("#departmentNameSelect option:selected").attr('id');
  1. 動態添加option子元素
var optionEle = $("<option>"+d+"</option>").attr("id", "d");
optionEle.appendTo($("##departmentNameSelect"));
  1. 動態刪除option元素
$("#a").remove();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章