→ kerash:取代而已，如果有更節省的，就 code 出來吧 09/07 16:52
→ kerash:這個問題主要是 id 跟 selected 的 position 會不同 09/07 16:53
→ kerash:所以傳的內容會變得比較長 09/07 16:54
※ 引述《musie (Sirius)》之銘言：
: $("input[name="test"]").change( function(){
: var html = $("select option:selected").html();
: var id = $("select option:selected").val();
: $("div#"+ id).append(html);
: $("div#" + id).find("input").val(id);
: $("select option:selected").remove();
: });
: 語法可能有錯，(沒再背 @@)，但是概念就是這樣..
有人要不用 jquery 的作法，我丟~
function rmv()
{
var selObj = document.getElementsByName("test");
var i ;
var text = "";
for( i = 0 ; i < selObj[0].options.length ; i++ )
{
if(selObj[0].options[i].selected){
text = selObj[0].options[i].text;
var dv = document.getElementById(selObj[0].options.item(i).value);
dv.innerHTML = text + dv.innerHTML;
var dvInp = document.getElementsByName("a");
dvInp[(selObj[0].options.item(i).value-1)].value=
selObj[0].options.item(i).value ;
selObj[0].options.remove(i);
}
}
}
<div id="1"><input type="hidden" name="a" /></div>
<div id="2"><input type="hidden" name="a" /></div>
<div id="3"><input type="hidden" name="a" /></div>
<div id="4"><input type="hidden" name="a" /></div>
<select name="test" onchange="rmv()">
<option></option>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
</select>
由於寬度關係我把它縮的比較緊，希望看的懂
select 為了要 change 事件，所以多做一個空 option
我是新學寫 jquery 的，以前也是用原始 dom 來抓元素
但是 ... jquery 是真的很方便Orz
我寫這個時錯誤也是一直跑出來
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.250.247.227