阅读背景:

使用KendoMulti Select时如何获取选项标签的文本

来源:互联网 
<!DOCTYPE html>
<html>
<head>
    <base href="/go.html?url=https://demos.telerik.com/kendo-ui/multiselect/index">
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
    <script src="https://cdn.kendostatic.com/2014.2.903/js/jquery.min.js"></script>
    <script src="https://cdn.kendostatic.com/2014.2.903/js/angular.min.js"></script>
    <script src="https://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="example" role="application">
    <div class="demo-section k-header">
        <h2>Invite Attendees</h2>
        <label for="required">Required</label>
        <select id="required" multiple="multiple" data-placeholder="Select attendees...">
            <option value="1">Steven White</option>
            <option value="2">Nancy King</option>
            <option value="3">Nancy Davolio</option>
            <option value="4">Robert Davolio</option>
        </select>
        <label for="optional">Optional</label>
        <select id="optional" multiple="multiple" data-placeholder="Select attendees...">
            <option>Steven White</option>
            <option>Nancy King</option>
            <option>Nancy Davolio</option>
        </select>
        <button class="k-button" id="get">Send Invitation</button>
    </div>
    <script>
        $(document).ready(function() {
            // create MultiSelect from select HTML element
            var required = $("#required").kendoMultiSelect().data("kendoMultiSelect");
            var optional = $("#optional").kendoMultiSelect().data("kendoMultiSelect");

            $("#get").click(function() {
                alert("Attendees:\n\nRequired: " + required.value() + "\nOptional: " + optional.value());
            });
        });
    </script>
</div> 
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <base href="/



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: