0

私はこのプラグインを試していますhttps://developer.snapappointments.com/bootstrap-select/

選択をブートストラップ ドロップダウン ボタンに変換します。フォームの一貫性を保つために選択を保持するため、選択した値を送信できます。ただし、変換は行われません。

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="Final_Year_Project_Allocation_System.Site1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

    <!-- styling select -->
    <link href="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.css" rel="stylesheet"
        type="text/css" />
    <script src="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.js" type="text/javascript"></script>
    <link href="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.min.css" rel="stylesheet"
        type="text/css" />
    <script src="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.min.js" type="text/javascript"></script>

    <title>:: Project Allocation System</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div class="container-fluid">
        <form id="form1" runat="server" class="form-horizontal">
        <div class="span12"><br /><br /><br /></div>
        <div class="row-fluid">
            <div class=" span3">
                <!--Sidebar content-->
                <asp:ContentPlaceHolder ID="SideBarContent" runat="server">
                </asp:ContentPlaceHolder>
            </div>
            <div class="span9">
                <!--Body content-->
                <asp:ContentPlaceHolder ID="BodyContent" runat="server">
**<select class="selectpicker">
    <optgroup label="Picnic">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
    </optgroup>
    <optgroup label="Camping">
    <option>Tent</option>
    <option>Flashlight</option>
    <option>Toilet Paper</option>
    </optgroup>
    </select>**

                </asp:ContentPlaceHolder>
            </div>
        </div>
        </form>
    </div>
</body>
</html>
4

0 に答える 0