Utilisation de la fonction join(',');

Version imprimable

Bonjour,

J’espère que je suis dans le bon endroit pour vous poser mon souci.

J'ai mon code qui doit me retourner une chaine formée pour objectif d'insérer plusieurs enregistrements à la fois dans une table.

la chaine retourner doit être comme ceci : ('line1',nbr1),('line2',nbr2),('line3',nbr3),('line4',nbr4)
Je dois séparer les parenthèses avec des virgules ","

Et pour cela j'ai penser à la fonction join(','); mais ca ne marche pas.

Est ce que vous pouvez m'aidez SVP:
Mon Code est comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
$(document).ready(function () {
    var counter = 2;
    $("#addButton").click(function () {
        if (counter > 10) {
            alert("Only 10 textboxes allow");
            return false;
        }
        var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
        newTextBoxDiv.after().html('<input type="text" style="width: 550px" name="textbox' + counter +
          '" id="textbox' + counter + '" value="" > <input type="text" name="txt' + counter +
          '" id="txt' + counter + '" value="" >');
        newTextBoxDiv.appendTo("#TextBoxesGroup");
        counter++;
    });
    $("#removeButton").click(function () {
        if (counter == 1) {
            alert("No more textbox to remove");
            return false;
        }
        counter--;
        $("#TextBoxDiv" + counter).remove();
    });
    $("#getButtonValue").click(function () {
        var msg = '';
        for (i = 1; i < counter; i++) {
            msg += "\n" + "(" + "'" + $('#textbox' + i).val() + "'" + "," + $('#txt' + i).val() + ")";
        }
        alert(msg);
    });
});

Merci d'avance .. 8-)

14/02/2014, 16h40
Bovino

Désolé, mais je ne vois aucune partie de ton code qui corresponde à tes explications (et vice versa) donc ça va être compliqué de t'aider...

A tout hasard, tu appliques bien la méthode join() à un tableau (Array) ?

Merci d'avoir répondu,

Voici la totalité du code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Dynamic.aspx.cs" Inherits="Dynamic" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>jQuery add / remove textbox example</title>
    <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
    <style type="text/css">
        div
        {
            padding: 8px;
        }
    </style>
    <script type="text/javascript">
 
            $(document).ready(function () {
 
            var counter = 2;
 
            $("#addButton").click(function () {
 
                if (counter > 10) {
                    alert("Only 10 textboxes allow");
                    return false;
                }
 
                var newTextBoxDiv = $(document.createElement('div'))
	     .attr("id", 'TextBoxDiv' + counter);
 
                newTextBoxDiv.after().html('<input type="text" style="width: 550px" name="textbox' + counter +
	      '" id="textbox' + counter + '" value="" > <input type="text" name="txt' + counter +
	      '" id="txt' + counter + '" value="" >');
 
                newTextBoxDiv.appendTo("#TextBoxesGroup");
 
 
                counter++;
            });
 
            $("#removeButton").click(function () {
                if (counter == 1) {
                    alert("No more textbox to remove");
                    return false;
                }
 
                counter--;
 
                $("#TextBoxDiv" + counter).remove();
 
            });
 
            $("#getButtonValue").click(function () {
 
                var msg = '';
                for (i = 1; i < counter; i++) {
                    msg += ("\n" + "(" + "'" + $('#textbox' + i).val() + "'" + "," + $('#txt' + i).val() + ")");
                    var tab = new Array(msg);
                }
 
 
 
 
                alert( tab.join("+"));
 
            });
        });
    </script>
</head>
<body>
    <div id='TextBoxesGroup'>
        <div id="TextBoxDiv1">
 
            <input type="text" style="width: 550px" id="textbox1" />
            <input type="text" id='txt1' />
        </div>
    </div>
    <input type="button" value="Add Row" id="addButton" />
    <input type="button" value="Remove Row" id="removeButton" />
    <input type="button" value="Save" id="getButtonValue" />
    <input type="button" value="loadDB" onclick="loadDB()" />
</body>
</html>

J’espère bien que là vous avez la totalité nécessaire du code, en attendant une réponse opérationnelle.
Et merci de nouveau.

Rebonjour,

Je reviens pour répondre à cette discussion et partager aussi la solution que je viens de trouver.

Il va falloir changer la fonction getButtonValue par ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
$("#getButtonValue").click(function () {
    var msg = '';
    for (i = 1; i < counter; i++) {
        msg += ("(" + "'" + $('#textbox' + i).val() + "'" + "," + $('#txt' + i).val() + "),");
        //value = value + msg;
    }
    msg = msg.substring(0, msg.length - 1);
    var sql = "insert into article (art,qte) values "+msg;
    alert(sql);
    // alert(msg.length);
}

Bon codage :P