jQuery：獲取Html標籤元素裏的數據內容

<!-- 1.select標籤 -->
<!-- 增加-->
<select class="form-control"  id="province"  name="province"  placeholder="請選擇省份">
    <option value="1" >河南</option>
    <option value="2" >浙江</option>
    <option value="3" selected >江蘇</option>
    <option value="4" selected="selected" >廣東</option>
</select>
<script type="text/javascript">
    // 如果有多個同時被選中，則會獲取最後一個被選中的。這裏江蘇，廣東都被選中，則獲取廣東的數據。
    var province = $("#province").val();
    console.log(province);      //結果：4
    var province = $("#province").find("option:selected").text();
    console.log(province);      //結果：廣東
</script>


<!-- 修改 -->
<select class="form-control" name="kind" id="kind" data-kind="3">
    <option value="1">單選題</option>
    <option value="2">判斷題</option>
    <option value="3">多選題</option>
</select>
<select class="form-control" name="category" id="category" data-cat="{{question.get('category')}}">
    {% for v in categories %}
    <option value="{{ v.get('title') }}">{{ v.get("title", "") }}</option>
    {% end %}
</select>
<script>
    // 附加：這處得到的值，在所有的option的value值裏面必須得有。與option的text無關。
    var kind = $("#kind").data("kind");
    $("#kind").val(kind);

    // 附加：這處得到的值，在所有的option的value值裏面必須得有。與option的text無關。
    var category = $("#category").data("cat");
    $("#category").val(category);
</script>

<!-- 不確定可以 -->
<script>
    $(function () {
        var cat = "{{ activity.get('category')}}";
        $('#category').val(cat);
    });
</script>