舞會參加人員:

新增人員:   

刪除人員:
請輸入順序,如小丸子排第二,就輸入2:   

替換人員:
替換順位(如史努比排第三,就輸入3): ,更換為 (名字)  

加強版:

刪除人員:  (在下拉選單選取人員後按「刪除」即可刪除人員)

替換人員:替換為  (在下拉選單選取人員後按「替換」即可更換人員)


主要以三段 JavaScript 來完成,按下按鈕之後就呼叫函數執行,
資料則分別由各欄位輸入的值來判斷,因為 index 值是從0開始,
但一般的順序是從1開始,所以還要在扣掉1。
加強版刪除和替換,則直接指定所選option的index值,來直接執行。

新增:
<script language="javascript">
function addopt(FormName,NewText){
NewOpt = new Option(NewText)
FormName.party.options[FormName.party.length] = NewOpt
alert(NewText+'已加入名單!')
}</script>

刪除:
<script language="javascript">
function delopt(FormName,index){
index=index-1
alert(FormName.party.options[index].value+'已從名單刪除!')
FormName.party.options[index]=null
}</script>

替換:
<script language="javascript">
function changeopt(FormName,index){
index=index-1
alert('已將'+FormName.party.options[index].text+'更換為'+FormName.changename.value+'!')
FormName.party.options[index].text=FormName.changename.value
}</script>

直接刪除:
</script>
<script language="javascript">
function edelopt(FormName,index){
alert(FormName.party.options[index].text+'已從名單刪除!')
FormName.party.options[index]=null
}</script>


直接替換:
<script language="javascript">
function echangeopt(FormName,index){
alert('已將'+FormName.party.options[index].text+'更換為'+FormName.echangename.value+'!')
FormName.party.options[index].text=FormName.echangename.value
}</script>

ALVIN 發表在 痞客邦 PIXNET 留言(0) 人氣()