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>