Html 选择“输入默认选定值”“未选定”

Html 选择“输入默认选定值”“未选定”,html,twitter-bootstrap,Html,Twitter Bootstrap,我在模式对话框中有以下选择输入: <div class="form-group"> <label class="col-sm-3 control-label">Status</label> <div class="col-sm-9"> <select class="form-

我在模式对话框中有以下选择输入:

<div class="form-group">
                            <label class="col-sm-3  control-label">Status</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtstatus" >

                                  <option  value="1" selected="selected"> En proceso </option>
                                  <option value="2"> Solucionado </option>
                                  <option value="3"> Cancelado </option>


                              </select>
                          </div>
                        </div>
              <div id="modalcust" class="modal">

                <div class="modal-dialog modal-md">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">X</button>
                      <h4 class="modal-title">Formulario de Capacitaciones</h4>
                    </div>
                    <!--modal header-->
                    <div class="modal-body">
                      <div class="pad" id="infopanel"></div>
                      <div class="form-horizontal">

                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Número</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtnumero" placeholder="Número de Capacitación" readonly>
                              <input type="hidden" id="crudmethod" value="N"> 
                              <input type="hidden" id="txtid" value="0">
                            </div>
                        </div>

                           <div class="form-group">
                            <label class="col-sm-3  control-label">Unidad Médica</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtunidad" >


                              <?php
include "../config.php";
$query=mysqli_query($link,"SELECT * FROM tb_unidades") ;
$data = array();
while($r = mysqli_fetch_assoc($query)) {
    $data[] = $r;
}
$i=0;
foreach ($data as $key) {
        // add new button
    $data[$i]['button'] ;
    echo '<option value="'.$data[$i]['id_unidad'].'">'.$data[$i]['nombre_unidad'].'</option>';
    $i++;
}
$datax = array('data' => $data);
echo json_encode($datax);
?>



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

                           <div class="form-group">
                            <label class="col-sm-3  control-label">Instrumento</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtinstrumento" name="txtinstrumento" >


                              <option value="">Selecciona primero la Unidad Médica</option>

                              </select>
                          </div>
                        </div>
                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Area</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtarea" placeholder="Area" readonly>
                              <input type="hidden" id="crudmethod" value="N"> 
                              <input type="hidden" id="txtid" value="0">
                            </div>
                        </div>
                     <div class="form-group"> 
                          <label class="col-sm-3  control-label">Descripción</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtdescripcion" placeholder="Descripción de la capacitación">
                            </div>
                        </div>
                          <div class="form-group"> 
                          <label class="col-sm-3  control-label">Responsable</label>
                          <div class="col-sm-9">
                              <input type="email" class="form-control" id="txtresponsable" placeholder="Responsable" required>
                            </div>
                        </div>

                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Email</label>
                          <div class="col-sm-9">
                              <input type="email" class="form-control" id="txtemail" placeholder="Email" required>
                            </div>
                        </div>

                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Celular</label>
                          <div class="col-sm-9">
                              <input type="number" class="form-control" id="txttel" placeholder="Celular">
                            </div>
                        </div>
                            <div class="form-group"> 
                          <label class="col-sm-3  control-label">Tel fijo</label>
                          <div class="col-sm-9">
                              <input type="number" class="form-control" id="txttelfijo" placeholder="Tel fijo">
                            </div>
                        </div>
                         <div class="form-group"> <!-- Date input -->
         <label class="col-sm-3  control-label">Fecha Solicitud Capacitación</label>

         <?php 
         // Change the line below to your timezone!
date_default_timezone_set('America/Mexico_City');
$date = date('d-m-Y h:i:s', time());?>
                          <div class="col-sm-9">
        <input class="form-control" id="txtfechapeticion" name="txtfechapeticiom" placeholder="yyyy-mm-dd" type="text" value="<?php echo $date?>" readonly/>
      </div>
      </div>
                               <div class="form-group"> <!-- Date input -->
         <label class="col-sm-3  control-label">Fecha Inicio</label>
                          <div class="col-sm-9">
        <input class="form-control" id="txtfechareporte" name="txtfechareporte" placeholder="dd-mm-yyyy" type="text"/>
      </div>
      </div>
          <div class="form-group"> <!-- Date input -->
         <label class="col-sm-3  control-label">Fecha Final</label>
                          <div class="col-sm-9">
        <input class="form-control" id="txtfechasolucion" name="txtfechasolucion" placeholder="dd-mm-yyyy" type="text"/>
      </div>
      </div>
                   <div class="form-group">
                            <label class="col-sm-3  control-label">Status</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtstatus" >

                                  <option  value="1" selected="selected"> En proceso </option>
                                  <option value="2"> Solucionado </option>
                                  <option value="3"> Cancelado </option>


                              </select>
                          </div>
                        </div>
                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Comentarios</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtcomentarios" placeholder="Comentarios">
                            </div>
                        </div>
                        <div class="form-group"> 
                          <label class="col-sm-3  control-label"></label>
                          <div class="col-sm-9">
                            <button type="submit" class="btn btn-primary "   id="btnsave"><i class="fa fa-save"></i> Guardar</button></div>
                        </div>
                      </div>
                      </div>
                      <!--modal footer-->
                    </div>
                    <!--modal-content-->
                  </div>
                  <!--modal-dialog modal-lg-->
                </div>
                <!--form-kantor-modal-->
              </div>

地位
过程
幻觉
坎塞拉多
但它未被选为默认值

演示它的屏幕截图:

编辑:完成模式对话框:

<div class="form-group">
                            <label class="col-sm-3  control-label">Status</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtstatus" >

                                  <option  value="1" selected="selected"> En proceso </option>
                                  <option value="2"> Solucionado </option>
                                  <option value="3"> Cancelado </option>


                              </select>
                          </div>
                        </div>
              <div id="modalcust" class="modal">

                <div class="modal-dialog modal-md">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">X</button>
                      <h4 class="modal-title">Formulario de Capacitaciones</h4>
                    </div>
                    <!--modal header-->
                    <div class="modal-body">
                      <div class="pad" id="infopanel"></div>
                      <div class="form-horizontal">

                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Número</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtnumero" placeholder="Número de Capacitación" readonly>
                              <input type="hidden" id="crudmethod" value="N"> 
                              <input type="hidden" id="txtid" value="0">
                            </div>
                        </div>

                           <div class="form-group">
                            <label class="col-sm-3  control-label">Unidad Médica</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtunidad" >


                              <?php
include "../config.php";
$query=mysqli_query($link,"SELECT * FROM tb_unidades") ;
$data = array();
while($r = mysqli_fetch_assoc($query)) {
    $data[] = $r;
}
$i=0;
foreach ($data as $key) {
        // add new button
    $data[$i]['button'] ;
    echo '<option value="'.$data[$i]['id_unidad'].'">'.$data[$i]['nombre_unidad'].'</option>';
    $i++;
}
$datax = array('data' => $data);
echo json_encode($datax);
?>



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

                           <div class="form-group">
                            <label class="col-sm-3  control-label">Instrumento</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtinstrumento" name="txtinstrumento" >


                              <option value="">Selecciona primero la Unidad Médica</option>

                              </select>
                          </div>
                        </div>
                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Area</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtarea" placeholder="Area" readonly>
                              <input type="hidden" id="crudmethod" value="N"> 
                              <input type="hidden" id="txtid" value="0">
                            </div>
                        </div>
                     <div class="form-group"> 
                          <label class="col-sm-3  control-label">Descripción</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtdescripcion" placeholder="Descripción de la capacitación">
                            </div>
                        </div>
                          <div class="form-group"> 
                          <label class="col-sm-3  control-label">Responsable</label>
                          <div class="col-sm-9">
                              <input type="email" class="form-control" id="txtresponsable" placeholder="Responsable" required>
                            </div>
                        </div>

                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Email</label>
                          <div class="col-sm-9">
                              <input type="email" class="form-control" id="txtemail" placeholder="Email" required>
                            </div>
                        </div>

                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Celular</label>
                          <div class="col-sm-9">
                              <input type="number" class="form-control" id="txttel" placeholder="Celular">
                            </div>
                        </div>
                            <div class="form-group"> 
                          <label class="col-sm-3  control-label">Tel fijo</label>
                          <div class="col-sm-9">
                              <input type="number" class="form-control" id="txttelfijo" placeholder="Tel fijo">
                            </div>
                        </div>
                         <div class="form-group"> <!-- Date input -->
         <label class="col-sm-3  control-label">Fecha Solicitud Capacitación</label>

         <?php 
         // Change the line below to your timezone!
date_default_timezone_set('America/Mexico_City');
$date = date('d-m-Y h:i:s', time());?>
                          <div class="col-sm-9">
        <input class="form-control" id="txtfechapeticion" name="txtfechapeticiom" placeholder="yyyy-mm-dd" type="text" value="<?php echo $date?>" readonly/>
      </div>
      </div>
                               <div class="form-group"> <!-- Date input -->
         <label class="col-sm-3  control-label">Fecha Inicio</label>
                          <div class="col-sm-9">
        <input class="form-control" id="txtfechareporte" name="txtfechareporte" placeholder="dd-mm-yyyy" type="text"/>
      </div>
      </div>
          <div class="form-group"> <!-- Date input -->
         <label class="col-sm-3  control-label">Fecha Final</label>
                          <div class="col-sm-9">
        <input class="form-control" id="txtfechasolucion" name="txtfechasolucion" placeholder="dd-mm-yyyy" type="text"/>
      </div>
      </div>
                   <div class="form-group">
                            <label class="col-sm-3  control-label">Status</label>
                          <div class="col-sm-9">
                              <select class="form-control" id="txtstatus" >

                                  <option  value="1" selected="selected"> En proceso </option>
                                  <option value="2"> Solucionado </option>
                                  <option value="3"> Cancelado </option>


                              </select>
                          </div>
                        </div>
                        <div class="form-group"> 
                          <label class="col-sm-3  control-label">Comentarios</label>
                          <div class="col-sm-9">
                              <input type="text" class="form-control" id="txtcomentarios" placeholder="Comentarios">
                            </div>
                        </div>
                        <div class="form-group"> 
                          <label class="col-sm-3  control-label"></label>
                          <div class="col-sm-9">
                            <button type="submit" class="btn btn-primary "   id="btnsave"><i class="fa fa-save"></i> Guardar</button></div>
                        </div>
                      </div>
                      </div>
                      <!--modal footer-->
                    </div>
                    <!--modal-content-->
                  </div>
                  <!--modal-dialog modal-lg-->
                </div>
                <!--form-kantor-modal-->
              </div>

X
容量公式
努梅罗
梅迪卡大学
仪器
优尼达梅迪卡酒店
地区
描述
责任的
电子邮件
塞勒尔
菲乔酒店
费查·拉库德·卡西翁

尝试使用

只需标记selected而不是selected=“sleected”@JordanGeorgiadis,已经尝试了相同的结果,谢谢你只需使用selected而不是selected=“selected”,这基本上是一样的,但我刚刚尝试了它,并且它工作正常。如果这不起作用,那么尝试在表单组周围张贴标记。在那个街区之外可能有什么问题。在我的本地环境中使用上面的精确标记,select=“selected”和just selected都有效。@JoshuaMaddox,我已经发布了整个模式表单,尝试用标记包装表单。大多数broswers需要查看特定类型行为的表单标签。另外,值得一提的是,如果您使用Firefox,您可以通过selected=“selected”获得一些意外行为,因为它默认为用户最后已知的选择,并且忽略了selected属性。