web-dev-qa-db-fra.com

Cliquez sur <div> pour concentrer <input>

J'ai une série d'éléments input contenant chacun quelques <div> balises séparées.
J'aime avoir si je peux click sur l'un des <div> et ce sera focus sur un input.
Est-ce possible et si oui, quelqu'un peut-il donner des idées sur le script?

24
Erik

Essayez ceci avec jquery:

$('#yourdiv').click(function() {
     $('#yourfield').focus();
});
20
Adam Seabridge

Je ne vois pas pourquoi vous avez besoin de JS pour le faire alors qu'une telle fonctionnalité est déjà fournie dans HTML.

<label for="YOURID">The clickable region<label>
<input id="YOURID" type="text" />
27
apnerve

Essaye ça :

<input id="myInput" />
<div onclick="document.getElementById('myInput').focus(); return false;"></div>
15
d4rkpr1nc3
$('div').click(function() {
    $(this).find('input[type="text"]').focus();
});​

DEMO EN DIRECT

5
gdoron
  1. en utilisant javascript (appelez .focus () sur l'élément d'entrée)
  2. en utilisant enroulé autour de votre div (n'a de sens que si le div is l'étiquette)
2
Niko Sams