<div class="col-md-3">
            <div class="row">
                  <h4>Select time period...
                  <select id="select_time"  class="dropbtn dropdown border1px"></h4>
                    <option value="1" class="dropdown dropdown-content border1px option"><a href="#">1 week</a></option>
                    <option value="2" class="dropdown dropdown-content border1px option"><a href="#">2 weeks</a></option>
                    <option value="3" class="dropdown dropdown-content border1px option"><a href="#">3 weeks</a></option>
                    <option value="4" class="dropdown dropdown-content border1px option"><a href="#">1 month</a></option>
                </select>
            </div>
            <br>
            <div class="row">
                <button class="btn btn-violet btn-purple btn-lg min-width" data-toggle="modal" data-target="#alertPlusPoints" > Borrow book </button>
            </div>
        </div>
        <script type="text/javascript">
            var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;
        </script>