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属性。