生成的输入获取值并将其添加到url参数中

时间:2012-04-26 21:08:02

标签: jquery url input

我有两个选择字段,根据select 1 + select 2的结果生成<input>个字段。

像这样:

jQuery(function($)
{
        $('select[name="nb_adultes"], select[name="nb_enfants"]').change(function()
        {
                var total_a = parseInt($('select[name="nb_adultes"]').val());
                var total_e = parseInt($('select[name="nb_enfants"]').val());

                if (total_a + total_e > 10)
                {
                        alert("La somme du nombre d'adultes et d'enfants ne doit pas dépasser 10");
                }
                else
                {
                        $("#input_appended").empty();

                        for(var j=0; j < total_a; j++) 
                        $("#input_appended").append('<label for="date_naissance">Date de naissance Adulte</label><input type="text" name="date_naissance_a_'+j+'"/><br />');

                        for(var k=0; k < total_e; k++) 
                        $("#input_appended").append('<label for="date_naissance">Date de naissance Enfant</label><input type="text" name="date_naissance_e_'+j+'"/><br />');
                }
        });
});

我需要检索生成的每个输入字段的VALUE并保存它们以便集成到url参数中:

示例:

选择字段1显示数字“2”,选择字段2显示数字“1”所以我有3个输入字段,我需要这个:

var select_1-1 = input VAL1
var select_1-2 = input VAL2
var select_2-1 = input VAL3

var url = "http://www.url.com/page.php?select_1-1=VAL1&select_1-2=VAL2&select_2-1=VAL3"

非常感谢任何帮助,谢谢!

2 个答案:

答案 0 :(得分:0)

没有HTML,所以你必须自己找出选择器。

var VAL1 = $(select_1-1).val();
var VAL2 = $(select_1-2).val();
var VAL3 = $(select_2-1).val();

var url = "http://www.url.com/page.php?select_1-1="+VAL1+"&select_1-2="+VAL2+"&select_2-1="+VAL3;

答案 1 :(得分:0)

要检索输入的值并将它们存储在变量中:

var VAL1 = $(select_1-1).val();
var VAL2 = $(select_1-2).val();
var VAL3 = $(select_2-1).val();

然后你可以将它们放在另一个名为myurl的变量中,如:

var myurl = "http://www.url.com/page.php?select_1-1="+
VAL1+
"&select_1-2="+
VAL2+"&select_2-1="+
VAL3;

然后,如果你想在myurl使用的新窗口中打开:

window.open( myurl, '_blank' )


如果相反,您只想将myurl添加到您的网址而不刷新页面使用:

var myurl = "/page.php?select_1-1="+
    VAL1+
    "&select_1-2="+
    VAL2+"&select_2-1="+
    VAL3;
window.history.pushState('', "Title", myurl);