使用jquery将焦点添加到输入

时间:2017-08-10 10:26:18

标签: javascript php jquery

为什么这段代码不起作用?如果我将焦点设置行替换为测试警报,那就可以了。

img[src=''],
img:not([src]) {
    opacity: 0;
}
$('#rendeles_termek').on('change', function() {
    $('#rendeles_mennyiseg').focus();
});

更新: 这有效。如果我把它从onchange中拿出来,并且只进入准备好的文档。

<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"]:""; ?>"/>

更新2:

$(document).ready(function(e) { $('#rendeles_mennyiseg').focus();
                    $('#rendeles_termek').on('change', function() {
                         //$('#rendeles_mennyiseg').focus();
                         //alert("xxx");
                      });
                });

2 个答案:

答案 0 :(得分:0)

$('#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" />

我希望这可以帮助你。

答案 1 :(得分:0)

我用下面的代码解决了这个问题:

$(document).ready(function(e) {

                      $('#rendeles_termek').on("change", function() {
                           setTimeout(function(ev) { 
                                $('#rendeles_mennyiseg').focus(); }, 
                           1);
                      });


                });