在PHP中选择框数组_Php_Javascript_Jquery_Html

在PHP中选择框数组

php javascript jquery html

在PHP中选择框数组,php,javascript,jquery,html,Php,Javascript,Jquery,Html,好的，我正在尝试在选择每个数组之后获取它们的循环。。。添加“语言”删除“语言”没有问题。问题在于提交。我一直在研究如何让每个选择框在PHP数组中循环以下是我所拥有的： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

好的，我正在尝试在选择每个数组之后获取它们的循环。。。添加“语言”删除“语言”没有问题。问题在于提交。我一直在研究如何让每个选择框在PHP数组中循环

以下是我所拥有的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />


    <title>Untitled 5</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

 <script type="text/javascript">
        $(document).ready(function() {
            $('#btnAdd').click(function() {
                var num     = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
                var newNum  = new Number(num + 1);      // the numeric ID of the new input field being added

                // create the new element via clone(), and manipulate it's ID using newNum value
                var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

                // manipulate the name/id values of the input inside the new element
                newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);

                // insert the new element after the last "duplicatable" input field
                $('#input' + num).after(newElem);

                // enable the "remove" button
                $('#btnDel').removeAttr("disabled", "disabled");

                // business rule: you can only add 5 names
                if (newNum == 15)
                    $('#btnAdd').attr('disabled','disabled');
            });

            $('#btnDel').click(function() {
                var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have

                $('#input' + num).remove();     // remove the last element

                // enable the "add" button
                $('#btnAdd').removeAttr("disabled", "disabled");

                // if only one element remains, disable the "remove" button
                if (num-1 == 1)
                    $('#btnDel').attr('disabled','disabled');
            });

            //$('#btnDel').attr('disabled','disabled');
        });
    </script>
</head>
<body>
<?php
if ($_POST['submit']) {

    $i = 0;
    foreach ($_POST['langs'] as $value) {

     echo "Langs $i: " . $_POST['langs'][$i];
     $i++;    

}
}
?>

<form id="myForm" action="lang.php" method="post">

<h1>Languages</h1>
<p>What languages do you know?</p> 
    <div>
        <input type="button" id="btnAdd" value="add another name" />
        <input type="button" id="btnDel" value="remove name" />
    </div>
<div id="input1" style="margin-bottom:5px;" class="clonedInput">
<select name='langs[]' id="languages" size="1">
<option value='---'>Select Language</option>
<option value='AB'>Abkhazian</option>
<option value='AA'>Afar</option>
<option value='AF'>Afrikaans</option>
<option value='SQ'>Albanian</option>
<option value='AM'>Amharic</option>
<option value='AR'>Arabic</option>
<option value='HY'>Armenian</option>
<option value='AS'>Assamese</option>
<option value='AY'>Aymara</option>
<option value='AZ'>Azerbaijani</option>
<option value='BA'>Bashkir</option>
<option value='EU'>Basque</option>
<option value='BN'>Bengali</option>
<option value='DZ'>Bhutani</option>
<option value='BH'>Bihari</option>
<option value='BI'>Bislama</option>
<option value='BR'>Breton</option>
<option value='BG'>Bulgarian</option>
<option value='MY'>Burmese</option>
<option value='BE'>Byelorussian</option>
<option value='KM'>Cambodian</option>
<option value='CA'>Catalan</option>
<option value='ZH'>Chinese</option>
<option value='CO'>Corsican</option>
<option value='HR'>Croatian</option>
<option value='CS'>Czech</option>
<option value='DA'>Danish</option>
<option value='NL'>Dutch</option>
<option value='EN' selected="selected">English</option>
<option value='EO'>Esperanto</option>
<option value='ET'>Estonian</option>
<option value='FO'>Faeroese</option>
<option value='FJ'>Fiji</option>
<option value='FI'>Finnish</option>
<option value='FR'>French</option>
<option value='FY'>Frisian</option>
<option value='GL'>Galician</option>
<option value='KA'>Georgian</option>
<option value='DE'>German</option>
<option value='EL'>Greek</option>
<option value='KL'>Greenlandic</option>
<option value='GN'>Guarani</option>
<option value='GU'>Gujarati</option>
<option value='HA'>Hausa</option>
<option value='IW'>Hebrew</option>
<option value='HI'>Hindi</option>
<option value='HU'>Hungarian</option>
<option value='IS'>Icelandic</option>
<option value='IN'>Indonesian</option>
<option value='IA'>Interlingua</option>
<option value='IE'>Interlingue</option>
<option value='IK'>Inupiak</option>
<option value='GA'>Irish</option>
<option value='IT'>Italian</option>
<option value='JA'>Japanese</option>
<option value='JW'>Javanese</option>
<option value='KN'>Kannada</option>
<option value='KS'>Kashmiri</option>
<option value='KK'>Kazakh</option>
<option value='RW'>Kinyarwanda</option>
<option value='KY'>Kirghiz</option>
<option value='RN'>Kirundi</option>
<option value='KO'>Korean</option>
<option value='KU'>Kurdish</option>
<option value='LO'>Laothian</option>
<option value='LA'>Latin</option>
<option value='LV'>Latvian</option>
<option value='LN'>Lingala</option>
<option value='LT'>Lithuanian</option>
<option value='MK'>Macedonian</option>
<option value='MG'>Malagasy</option>
<option value='MS'>Malay</option>
<option value='ML'>Malayalam</option>
<option value='MT'>Maltese</option>
<option value='MI'>Maori</option>
<option value='MR'>Marathi</option>
<option value='MO'>Moldavian</option>
<option value='MN'>Mongolian</option>
<option value='NA'>Nauru</option>
<option value='NE'>Nepali</option>
<option value='NO'>Norwegian</option>
<option value='OC'>Occitan</option>
<option value='OR'>Oriya</option>
<option value='OM'>Oromo</option>
<option value='PS'>Pashto</option>
<option value='FA'>Persian</option>
<option value='PL'>Polish</option>
<option value='PT'>Portuguese</option>
<option value='PA'>Punjabi</option>
<option value='QU'>Quechua</option>
<option value='RM'>Rhaeto-Romance</option>
<option value='RO'>Romanian</option>
<option value='RU'>Russian</option>
<option value='SM'>Samoan</option>
<option value='SG'>Sangro</option>
<option value='SA'>Sanskrit</option>
<option value='GD'>Scottish Gaelic</option>
<option value='SR'>Serbian</option>
<option value='SH'>Serbo-Croatian</option>
<option value='ST'>Sesotho</option>
<option value='TN'>Setswana</option>
<option value='SN'>Shona</option>
<option value='SD'>Sindhi</option>
<option value='SI'>Singhalese</option>
<option value='SS'>Siswati</option>
<option value='SK'>Slovak</option>
<option value='SL'>Slovenian</option>
<option value='SO'>Somali</option>
<option value='ES'>Spanish</option>
<option value='SU'>Sudanese</option>
<option value='SW'>Swahili</option>
<option value='SV'>Swedish</option>
<option value='TL'>Tagalog</option>
<option value='TG'>Tajik</option>
<option value='TA'>Tamil</option>
<option value='TT'>Tatar</option>
<option value='TE'>Telugu</option>
<option value='TH'>Thai</option>
<option value='BO'>Tibetan</option>
<option value='TI'>Tigrinya</option>
<option value='TO'>Tonga</option>
<option value='TS'>Tsonga</option>
<option value='TR'>Turkish</option>
<option value='TK'>Turkmen</option>
<option value='TW'>Twi</option>
<option value='UK'>Ukrainian</option>
<option value='UR'>Urdu</option>
<option value='UZ'>Uzbek</option>
<option value='VI'>Vietnamese</option>
<option value='VO'>Volapuk</option>
<option value='CY'>Welsh</option>
<option value='WO'>Wolof</option>
<option value='XH'>Xhosa</option>
<option value='JI'>Yiddish</option>
<option value='YO'>Yoruba</option>
<option value='ZU'>Zulu</option>
</select> <select name='lang_level[]' id='lang_level' size="1">
<option value='---'>Select Language Level</option>
<option value='0'>Beginner</option>
<option value='1'>Intermediate</option>
<option value='2'>Advanced</option>
<option value='3'>Fluent</option>
<option value='4'>Native Speaker</option>
</select></div>
<br /><br />

<input type="submit" name="submit" value="Next step" />
</form>

</body>
</html>


无标题5
$（文档）.ready（函数（）{
$（'#btnAdd'）。单击（函数（）{
var num=$（'.clonedInput'）.length；//当前有多少个“可复制”输入字段
var newNum=newnumber（num+1）；//正在添加的新输入字段的数字ID
//通过clone（）创建新元素，并使用newNum值操纵其ID
var newElem=$（'#input'+num）.clone（）.attr（'id'，'input'+newNum）；
//操作新元素中输入的名称/id值
newElem.children（':first'）.attr（'id'，'name'+newNum）.attr（'name'，'name'+newNum）；
//在最后一个“可复制”输入字段后插入新元素
$（'#input'+num）.after（newElem）；
//启用“删除”按钮
$（'btnDel'）.removeAttr（“禁用”、“禁用”）；
//业务规则：只能添加5个名称
如果（newNum==15）
$（'btnAdd'）.attr（'disabled'，'disabled'）；
});
$（'#btnDel'）。单击（函数（）{
var num=$（'.clonedInput'）.length；//当前有多少个“可复制”输入字段
$（'#输入'+num）.remove（）；//删除最后一个元素
//启用“添加”按钮
$（'btnAdd'）.removeAttr（“禁用”、“禁用”）；
//如果只剩下一个元素，请禁用“删除”按钮
如果（num-1==1）
$（'btnDel'）.attr（'disabled'，'disabled'）；
});
//$（'btnDel'）.attr（'disabled'，'disabled'）；
});
语言文字
你懂什么语言？
选择语言
阿布哈兹人
远处
南非荷兰语
阿尔巴尼亚语
阿姆哈拉语
阿拉伯文
亚美尼亚人
阿萨姆人
艾马拉
阿塞拜疆
巴什基尔语
巴斯克
孟加拉语
不丹
比哈里
比斯拉马
布雷顿
保加利亚人
缅甸人
白俄罗斯人
柬埔寨人
加泰罗尼亚人
中国人
科西嘉
克罗地亚人
捷克的
丹麦语
荷兰的
英语
世界语
爱沙尼亚语
费罗人
斐济
芬兰语
法语
弗里斯的
加利西亚人
格鲁吉亚人
德国的
希腊人
格陵兰语
瓜拉尼
古吉拉特邦
豪萨
希伯来语
印地语
匈牙利语
冰岛语
印度尼西亚语
语际
国际语
因努皮亚克
爱尔兰的
意大利人
日本人
爪哇语
卡纳达
克什米尔
哈萨克语
卢旺达
吉尔吉斯人
基隆迪
韩国人
库尔德人
老挝语
拉丁语
拉脱维亚的
林加拉
立陶宛语
马其顿的
马达加斯加语
马来语
马来亚拉姆
马耳他语
毛利人
马拉提
摩尔多瓦人
蒙古族的
瑙鲁
尼泊尔语
挪威语
奥克语
奥里亚
奥罗莫语
普什图语
波斯人
磨光
葡萄牙语
旁遮普
奎丘亚
里托罗曼斯文
罗马尼亚语
俄语
萨摩亚人
桑格罗
梵文
盖尔语
塞尔维亚人
塞尔维亚-克罗地亚语
塞索托
塞茨瓦纳语
肖纳
信德
僧伽罗人
西斯瓦蒂
斯洛伐克语
斯洛文尼亚语
索马里人
西班牙的
苏丹人
斯瓦希里语
瑞典的
塔加洛
塔吉克
泰米尔人
鞑靼人
泰卢固
泰国人
藏语
提格里尼亚
汤加
聪加人
土耳其的
土库曼
Twi
乌克兰人
乌尔都语
乌兹别克语
越南人
沃拉普克
威尔士的
沃洛夫
科萨
意第绪语
约鲁巴
祖鲁
选择语言级别
初学者
中间的
先进的
流畅的
母语人士

您必须像这样使用foreach

foreach ($_POST['langs'] as $value) {

     echo "Langs $i: " . $value;
     $i++;

}

看看foreach能做什么。

试试这个

<?php

if (isset($_POST['submit']))
{
    $i = 0;
    foreach ($_POST['langs'] as $value)
    {
        echo "Langs $i: " . $value;
        $i++;
    }
}
?>

修复第23行

由于某种原因，您正在重置name属性

旧的

// manipulate the name/id values of the input inside the new element
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);

// manipulate the name/id values of the input inside the new element
newElem.children(':first').attr('id', 'name' + newNum);

固定的

// manipulate the name/id values of the input inside the new element
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);

// manipulate the name/id values of the input inside the new element
newElem.children(':first').attr('id', 'name' + newNum);