JavaScript — добавить фокус для ввода с помощью jquery
Почему этот код не работает? Если я заменю строку настройки фокуса на тестовое оповещение, это работает.
$('#rendeles_termek').on('change', function() {
$('#rendeles_mennyiseg').focus();
});
<select name="rendeles_termek" class="form-control chosen-select" id="rendeles_termek">
<input class="form-control" id="rendeles_mennyiseg" name="rendeles_mennyiseg" type="text" value="<?php echo isset($_POST["rendeles_mennyiseg"])?$_POST["rendeles_mennyiseg"]:""; ?>"/>
ОБНОВИТЬ:
Это работает. Если я возьму его из обмена, и только в готовом документе.
$(document).ready(function(e) { $('#rendeles_mennyiseg').focus();
$('#rendeles_termek').on('change', function() {
//$('#rendeles_mennyiseg').focus();
//alert("xxx");
});
});
ОБНОВЛЕНИЕ 2:
<select name="rendeles_termek" class="form-control chosen-select" id="rendeles_termek">
<?php
$ertek = isset($_POST["rendeles_termek"]) ? $_POST["rendeles_termek"] : '' ;
$get_gyartok = mysqli_query($kapcs, "SELECT termek_id, termek_nev, termek_egyseg FROM termek WHERE termek_status = 1
ORDER BY termek_nev ASC");
if(mysqli_num_rows($get_gyartok) > 0 )
{
while($gy = mysqli_fetch_assoc($get_gyartok))
{
$selected = $ertek == $gy['termek_id'] ? ' selected="selected"':'';
echo '<option ' . $selected . ' value="' . $gy['termek_id'] . '">' . $gy['termek_nev'] . ' - ('.$egysegek[$gy['termek_egyseg']].')</option>';
}
}
?>
</select>
<input class="form-control" id="rendeles_mennyiseg" name="rendeles_mennyiseg" type="text" value="<?php echo isset($_POST["rendeles_mennyiseg"])?$_POST["rendeles_mennyiseg"]:""; ?>"/>
Решение
$('#rendeles_termek').on('change', function() {
$('#rendeles_mennyiseg').focus();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="rendeles_termek" class="form-control chosen-select" id="rendeles_termek">
<option>Option1 </option>
<option>Option2 </option>
</select>
<input class="form-control" id="rendeles_mennyiseg" name="rendeles_mennyiseg" type="text" placeholder="Focus Me" />Другие решения
Я решаю проблему с кодом ниже:
$(document).ready(function(e) {
$('#rendeles_termek').on("change", function() {
setTimeout(function(ev) {
$('#rendeles_mennyiseg').focus(); },
1);
});});
detector