Модальный выпадающий ввод

Question

У меня есть модал, который отлично работает для добавления данных в мою базу данных. Однако я хотел бы, чтобы одно из полей ввода было полем, в котором пользователь может выбирать из списка вариантов. Я получил модальный режим для отображения выпадающего списка с вариантами, но когда я отправляю сообщение, я получаю ошибку индекса, и он не публикует выбранный вариант в базу данных. Это рабочий скрипт

`<!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    <form action="" enctype="multipart/form-data" name="myForm" method="post">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Add Beer</h4>
        </div>
        <div class="modal-body">
          <div class="form-group">
            <label class="col-md-3 control-label">Beer Name</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" id="name" name="name" class="form-control">
                            </div>
                        </div>
                    </div>
         <div class="form-group">
            <label class="col-md-3 control-label">Description</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                                <textarea name="description" id="description"></textarea>

                            </div>
                        </div>
                    </div>


        <div class="form-group">
            <label class="col-md-3 control-label">Beer IBUs</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="ibu" id="ibu" class="form-control" >
                            </div>
                        </div>
                    </div>



                            <div class="form-group">
            <label class="col-md-3 control-label">Beer Abv</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="abv" id="abv" class="form-control" >
                            </div>
                        </div>
                    </div>



                <div class="form-group">
            <label class="col-md-3 control-label">Beer Packaged</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="packaged" id="packaged" class="form-control" >
                            </div>
                        </div>
                    </div>



                                <div class="form-group">
            <label class="col-md-3 control-label">sells?</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="sells" id="sells" class="form-control" >
                            </div>
                        </div>
                    </div>




                                    <div class="form-group">
            <label class="col-md-3 control-label">Availability</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="availability" id="availability" class="form-control" >
                            </div>
                        </div>
                    </div>      




                                    <div class="form-group">
            <label class="col-md-3 control-label">Category</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="category" id="category" class="form-control" >
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
            <label class="col-md-3 control-label">Beer Tier</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="tier" id="tier" class="form-control" >
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
            <label class="col-md-3 control-label">Beer Price One</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="pricing_1" id="pricing_1" class="form-control" >
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
            <label class="col-md-3 control-label">Beer Price Two</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="pricing_2" id="pricing_2" class="form-control" >
                            </div>
                        </div>
                    </div>


                    <div class="form-group">
            <label class="col-md-3 control-label">Beer Price Three</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="pricing_3" id="pricing_3" class="form-control" >
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
            <label class="col-md-3 control-label">Heading</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input type="text" name="heading" id="heading" class="form-control" >
                            </div>
                        </div>
                    </div>



        <div class="form-group">
            <label class="col-md-3 control-label">Beer Image</label>
                <div class="col-md-6">
                    <div class="input-group input-group-icon">

                        <input name="label_image" id="label_image" type="file" />
                            </div>
                        </div>
                    </div>
`

Теперь, если я изменю следующий код на группу форм заголовков, я получу неопределенную ошибку индекса в файле php в этой строке: $ headingi = mysqli_real_escape_string ($ db_conx, $ _POST ['heading']);

Вот код, который я изменил

    <div class="form-group">
        <label class="col-md-3 control-label">Heading</label>
            <div class="col-md-6">
                <div class="input-group input-group-icon">
                    <select class="form-control" id="sel1">
                    <option>1</option>
                        <option>2</option>
                    <option>3</option>
                        <option>4</option>
                </select>


                        </div>
                    </div>
                </div>

Я уверен, что это как-то связано с не определением inout ... но я не могу понять это.