Re: [問題] 如何將select的值取出運用
※ 引述《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
→
09/07 15:58, , 1F
09/07 15:58, 1F
→
09/07 16:52, , 2F
09/07 16:52, 2F
→
09/07 16:53, , 3F
09/07 16:53, 3F
→
09/07 16:54, , 4F
09/07 16:54, 4F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 3 之 4 篇)：
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章