請問如何讓標籤中有選項?

edited 十月 2013 in Javascript
大家好!

  我遇到一個JavaScript的問題想請教,請看下面這個連結中的圖檔:

http://www.wretch.cc/album/show.php?i=mybible7&b=1&f=1729175261&p=0

我想做的就是這種功能,左邊有一個<textarea>標籤,右邊也有一個<textarea>標籤,中間有按鈕可以讓左邊<textarea>標籤中的選項跑到右邊去,同理反過來也一樣,所以<textarea>標籤中的選項是一行一行的,而且可以選,按表單的submit送出後能夠將資料送去給php的$_POST接收,請問這樣的Javascript該如何製作呢?

謝謝!

原始討論: http://twpug.net/x/modules/newbb/viewtopic.php?topic_id=5001

評論

  • edited 三月 2010
    那是<select>....
    1.準備2個<select multiple> 2個<input type='button'> 1個<input type='hidden'>
    2.2個javascript function,一個處理左移,一個處理右移
    3.1個javascript function處理送出與隱藏欄位值
    4.1個全域javascript陣列或物件,儲存要送出的項目
    5.表單增加事件,onsubmit='呼叫送出前置處理函數();return false;'
    用return false;可以擋住表單送出
    使用for(var key in array)去重寫隱藏欄位值
  • edited 三月 2010
    下面連結有 textarea 的介紹, 你研究一下.
    http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php

    要做到你希望的功能, 要懂得如何做到以下的功能:
    1. 能判別現在選了哪些資料?
    2. 如何取得資料內容.
    3. 如何編輯內容
    4. 如果允許多筆選取, 要如何取得被選取的資料.

    其它沒想到的..想到再補充
  • edited 三月 2010
    morris大...那東西用textarea做!?(驚..
    太神了...可以這樣嗎 =.=
  • edited 三月 2010
    「這個世界上的事情不是只有像一枚錢幣一樣只有正反兩面,很多事情處在模糊地帶,不是你想分就分得清楚的。」
    哈~morris的那個名片欄好像是接痞子後面這句話的..

    狀況一
    <select> 預設狀態下沒資料的時候,似乎沒卷軸
    <textarea> 預設狀態下沒資料的時候,有捲軸
    狀況二
    畫面上沒並沒有多筆資料,也許只是單純的文字設定
    狀況三
    印象中我有見過用textarea模仿你想像中的select功能,當時我只是在想..寫這個的人是不是白癡..有select這麼直覺得東西不用,用textarea幹嘛(因為選擇的文字反白select是整列,textarea只到文字結尾)

    以上經驗提供參考..
  • edited 三月 2010
    其實就是...如果不用select
    我最多會選擇用div去模擬出來...
    用<textarea>實在太瘋狂了....
    但是換個角度想.如果我們只有<textarea>可用,那個人就不是白痴了 =.=
  • edited 三月 2010
    呀? 對吼!我一整個錯亂....
    我腦裏想著 <select> 手卻自動打出 <textarea>...

    你累了嗎?偶淚了..
  • edited 三月 2010
    ㄣ~另外一個比較常見的多選做法
    div 替代 select 創出捲軸
    checkbox 替代 option

    用這樣的方式來模擬..
    好處就是不是用再額外串隱藏欄位資料,或是送出時弄成多選擇狀態才送出
  • edited 三月 2010
    morris大您真是太糟糕了~(笑
    這不就像抱著老婆卻喊女友的名字嗎?(誤
Sign In or Register to comment.