JQuery input field focus inside angularjs demo modal

Question

I try to apply a demo modal shown in url:

http://getbootstrap.com/javascript/
after "Varying modal content based on trigger button".

And also use a html code

<input name="email" type="email" id="email" />

...and javascript code

$('#exampleModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget)
  var modal = $(this)
  modal.find('.modal-title').text('Log In')
  modal.find('.modal-body input').val("This Body..")
  $(this).find('#email').focus();//why it doesn't work????????
})

How to set the focus function in email-input automatically? Thank you

You should use shown.bs.modal event instead of show.bs.modal please check my answer below. — Dhaval Bharadva
– Dhaval Bharadva, Commented Oct 31, 2015 at 7:55

Dhaval Bharadva · Accepted Answer · 2015-10-31 07:50:52Z

1

use shown.bs.modal instead of show.bs.modal

Try something like below:

$('#exampleModal').on('shown.bs.modal', function (event) {
  var button = $(event.relatedTarget)
  var modal = $(this)
  modal.find('.modal-title').text('Log In')
  modal.find('.modal-body input').val("This Body..")
  $(this).find('#email').focus(); //now it will work
})

edited Oct 31, 2015 at 7:50

answered Oct 31, 2015 at 7:45

Dhaval Bharadva

3,0852 gold badges26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery input field focus inside angularjs demo modal

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related