Comment sélectionner plusieurs pour créer une nouvelle ligne?

Question

J'ai ce code:

<select name="team[]" size="8" multiple="multiple">$team</select> 

Il énumère par exemple les joueurs dans cette équipe, je veux lorsque l'utilisateur clique sur le joueur, il crée une nouvelle ligne où je peux entrée des informations de base sur le lecteur que je vais ajouter à la base de données via php.

Answer 1

Si je comprends bien cette question, c'est plus sur la façon dont vous concevez votre table et écrivez votre php que le HTML ou le jQuery.

Si vous avez une table comme ceci:

table players: 
player_id int 
first_name varchar(30) 
last_name varchar(60) 

Et une autre table comme ceci:

table game_player_info: 
id   int 
player_id int 
goals  int 
assists  int 
penalties int 
notes  varchar(256) 

alors vous pourriez tirer les joueurs sortir et remplir la zone de liste déroulante. Le code HTML que vous générer serait quelque chose comme ceci:

<select name="player"> 
    <option value="{put player_id here}">{put player name here}</option> 
    <option value="{put player_id here}">{put player name here}</option> 
    <option value="{put player_id here}">{put player name here}</option> 
</select> 

<input type="text" name="goals"/> 
<input type="text" name="assists"/> 
<input type="text" name="penalties"/> 
<textarea name="notes" rows="2" cols="20"></textarea> 

Ensuite, lorsque vous soumettez, vous pouvez faire un appel sql avec quelque chose de requête comme ceci (vous voulez vérifier les erreurs et l'injection sql, mais est un exemple simple):

insert into game_player_info (player_id, goals, assists, penalties, notes) 
    values ($_POST['player'], $_POST['goals'], $_POST['assists'], 
    $_POST['penalties'], $_POST['notes']) 

Espérons que cela aide. Si cela ne répond pas à votre question, assurez-vous de poster plus d'informations pour plus de clarté.

Answer 2

quelque chose comme ça je suppose et juste appel basé sur un ID ou quelque chose pour le joueur.

$ (document) .ready (function() {

$("a").click(function(event){ 
    $("<input>", { 

    id: "playerName", 
    type: "text", 
    value: "playerName"  

    }).appendTo('form'); 
}); 

});