Re: [ js ] 多個select的新增option ?
母視窗
---------------------------------------------------
<script language="javascript">
function changecloth(kind, selectname)
{
if(kind == -1)
{
document.mother.hid.value = "window.opener.document.mother."+selectname;
winID = window.open('cloth.php','child','height=300, width=400');
}
}
</script>
<body>
<form action="Insert_2.php" method="post" name="mother">
<?php
for($i = 0; $i < 8; $i ++)
{
echo "<select name='cloth$i' onchange='changecloth(this.value, this.name)'>";
echo "<option value='1'>Value1</option>";
echo "<option value='2'>Value2</option>";
echo "<option value='3'>Value3</option>";
echo "<option value='-1'>其他</option>";
echo "</select>";
}
echo "<input type='hidden' name='hid'>\n";
?>
</form>
</body>
子視窗
---------------------------------------------------------------------------
<script language="javascript">
// 新增選項
function addOption(newName, newValue)
{
// 取得欄位名
var strName = window.opener.document.mother.hid.value;
var objSelect = strName;
//因為並不知道user會點哪一個按鈕 ,才會用這種方法
// 建立Option物件
var objOption = new Option(newName, newValue);
objSelect.options[objSelect.options.length] = objOption;
}
</script>
<body>
<form>
<?php
for($i = 4; $i <= 10 ; $i ++)
{
$radioname = "clothkind".$i;
echo "<input type='radio' value='$i' name='cv' onclick=addOption
\ '($radioname, $i)';>";
echo $i."<br />";
}
?>
</form>
</body>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.126.119.33
※ 編輯: bcompile 來自: 59.126.119.33 (09/06 11:57)
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 3 之 4 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
