Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как сделать фокус в динамически созданных полях (https://javascript.ru/forum/jquery/69909-kak-sdelat-fokus-v-dinamicheski-sozdannykh-polyakh.html)

prog77 26.07.2017 14:27

как сделать фокус в динамически созданных полях
 
Добрый день есть динамические поля https://jsfiddle.net/mvfLsmvb/3/ скажите как можно поставить курсор в только что созданное поле после нажатия кнопки добавить, что бы не жать сначала кнопку, а потом на само поле. Спасибо

Dilettante_Pro 26.07.2017 14:34

prog77,
Ошибка id="prizName" - идентификатор должен быть уникальным, тогда и фокус можно будет установить

Причем эта ошибка у вас уже была

j0hnik 26.07.2017 14:46

https://jsfiddle.net/mvfLsmvb/4/
он и одинаковым будет работать.

j0hnik 26.07.2017 14:51

можно добавить i++ чтобы получалось
id="prizName1"
id="prizName2"
...

j0hnik 26.07.2017 15:00

или так
https://jsfiddle.net/mvfLsmvb/6/

laimas 26.07.2017 15:00

Цитата:

Сообщение от j0hnik
он и одинаковым будет работать.

Точно?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<style>

</style> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
    $('#as').focus(function() {
        alert(this.value)
    });
});
</script> 
</head>
<body>
<input id="as" value="1" />
<input id="as" value="2" />
</body>
</html>

j0hnik 26.07.2017 15:03

Цитата:

Сообщение от laimas (Сообщение 459696)
Точно?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<style>

</style> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
    $('#as').focus(function() {
        alert(this.value)
    });
});
</script> 
</head>
<body>
<input id="as" value="1" />
<input id="as" value="2" />
</body>
</html>

имелось ввиду не обязательно по id фокус устанавливать.

laimas 26.07.2017 15:09

Цитата:

Сообщение от j0hnik
имелось ввиду не обязательно по id фокус устанавливать.

Тогда что это за хрень id="prizName" и $(prizName).focus();? И которая не работает конечно же.

prog77 26.07.2017 15:23

j0hnik,
спасибо

j0hnik 26.07.2017 15:26

Цитата:

Сообщение от laimas (Сообщение 459701)
Тогда что это за хрень id="prizName" и $(prizName).focus();? И которая не работает конечно же.

работает но не везде

вот более универсальное решение
$(this).parent().parent().prev().children().focus( );


Часовой пояс GMT +3, время: 18:26.