循环浏览<select> / <option>列表并使用PHP和Javascript收集值?</option> </select>

时间:2011-10-09 18:15:11

标签: php javascript selection option

请你帮助我,我知道这是一个非常新的问题,但我以前从未真正使用过这个问题,而且我很难在谷歌找到相关的结果。

基本上我在<option>内有一组<select>,并希望使用javascript删除所有已选择的值,将它们放入字符串然后将其发布到我的PHP脚本中...

有什么想法吗?

非常感谢你。

灰。

2 个答案:

答案 0 :(得分:2)

我使用jQuery编写了一个example,因为它使解决方案非常简单。

var str = "";
// iterates over all selected options and generates the value-string.
$('#id option:selected').each(function(k,el) {
   str += $(el).val()+', ';
});

// removes all selected options
$('#id option:selected').remove();

要将数据发送到服务器,请查看以下jQuery函数:jQuery.get()jQuery.post()

答案 1 :(得分:1)

仅使用Javascript / DOM 我猜测select有多个属性

var selectElem = document.getElementById( 'myselect'); // your select element
var strSelection = ''; // string to store the selected stuff
for( let count = 0, limit = selectElem.options.length; count < limit; count++) //check every option
     if( selectElem.options[count].selected) // check if it's selected
         strSelection += selectElem.options[count].value + ','; // Concat to string and add delimiter, string format is up to you, here i add the .value but could also be .text or both..
selectElem.selectedIndex = -1; //Resets the selection element so all options are unselected