右側のリストボックスから選択した値を出力したい。ただし、選択した値の値を取得できません。jsのsubmit関数からエラーが返ってきます。なぜそれが返されるのか誰にも教えてもらえますか:
An object doesn't support this property
送信機能で?どうすれば値を取得できますか..PHPでajaxまたは単に戻り値を使用しますか?
<form name="frmListSubmit" method="post" id="myform" onsubmit="return submit()">
<table cellpadding="2" cellspacing="0" border="0" id="tblMain" class="edit">
<tr valign="top">
<td> </td>
<td>
<SELECT id="s" size="10" name="source" multiple>
<?php
while($row = mysql_fetch_assoc($getEmployeeList))
{
?>
<option name="list" value="<?php echo $row['id'];?>"><?php echo $row['name']; ?></option>
<?php
}
?>
</td>
</SELECT>
<td valign="center">
<a href="#" onclick="listbox_moveacross('s', 'd')" style="color:#FFF">>></a>
<a href="#" onclick="listbox_moveacross('d', 's')" style="color:#FFF"><<</a>
</td>
<td>
<SELECT id="d" size="10" name="destination" multiple>
<option name="list" value=""> </option>
</SELECT>
<input type="submit" name="submit" value="submit" />
</td>
</tr>
</table>
</form>
ここにJavaScriptコードがあります:
function listbox_moveacross(sourceID,destID)
{
var src=document.getElementById(sourceID);
var dest=document.getElementById(destID);
for(var count=0;count<src.options.length;count++)
{
if(src.options[count].selected==true)
{
var option=src.options[count];
var newOption=document.createElement("option");
newOption.value=option.value;
newOption.text=option.text;
newOption.selected=true;
try
{
dest.add(newOption,null);src.remove(count,null);
}
catch(error)
{
dest.add(newOption);src.remove(count);
}
count--;
}
}
}
function listbox_selectall(listID,isSelect)
{
var listbox=document.getElementById(listID);
for(var count=0;count<listbox.options.length;count++)
{
istbox.options[count].selected=isSelect;
}
}
function submit()
{
listbox_selectall('d', true);
return true;
}
私はPHPでこのようなものを持っていますが、送信後にIDを1つだけ返します。
if(isset($_POST['submit']))
{
echo $_POST['destination'];
}