Re: [問題] 如何將select的值取出運用
自己嘗試寫了類似的功能, 以下有兩個問題想請教,
1. 當按DLETE的時候, 刪除該<div></div>內的內容,
這部份希望有更好得寫法, 讓新增出多個<div>後的刪除不會留下空行
2. 是否可以將刪除的內容加回為<select>的選項?
謝謝!
程式碼部份如下--
<div id="BB"></div>
<div id="SS"></div>
<input type="button" name="ABC" value="++" />
<script language="javascript">
$("input[name=ABC]").click(function () {
var STR="<select name='Test' onchange='tttt()' ><option value=0>請選擇
..</option><option value=1>1台北市大安區</option><option value=2>2台北市大安區
</option><option value=3>3台北市大安區</option><option value=4>4台北市大安區
</option></select>";
$("#BB").html(STR);
});
function tttt()
{
var ID_=$("select[name=Test] option:selected").val();
if (ID_ >0){
var Text_=$("select[name=Test] option:selected").text();
var STR="";
STR="<div id="+ID_+">"+Text_+"<input type='text' name='id' value="+ID_+"
/><input type='button' name='DEL' value='DELETE' onclick='del("+ID_+")'
/></div>";
$("#SS").html($("#SS").html()+STR);
$("select[name=Test] option:selected").remove();
}
}
function del(f)
{
document.getElementById(f).innerHTML= "";
}
</script>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.22.11.170
→
09/08 13:21, , 1F
09/08 13:21, 1F
→
09/08 13:30, , 2F
09/08 13:30, 2F
→
09/08 13:34, , 3F
09/08 13:34, 3F
→
09/08 13:35, , 4F
09/08 13:35, 4F
一開始原本不是用onchange去動作,
而是用以下的程式去跑, 原本select不是額外產生時可以跑,
但是改成用按鈕按一下才出現select選單時, 下面這個程式就沒反應
不知道是哪邊的問題呢? 謝謝
$("select[name=Test]").change(function(){
var ID_=$(this+"option:selected").val();
if (ID_ >0){
var Text_=$(this+"option:selected").text();
var index_=this.selectedIndex;
var STR="";
STR="<div>"+Text_+"<input type='text' name='id' value="+ID_+" /></div>";
$("#SS").html($("#SS").html()+STR);
$(this+"option:selected").remove();
}
});
※ 編輯: wadexman 來自: 211.22.11.170 (09/08 13:49)
※ 編輯: wadexman 來自: 211.22.11.170 (09/08 13:50)
→
09/08 14:00, , 5F
09/08 14:00, 5F
→
09/08 14:00, , 6F
09/08 14:00, 6F
→
09/08 16:35, , 7F
09/08 16:35, 7F
→
09/08 16:36, , 8F
09/08 16:36, 8F
→
09/08 16:36, , 9F
09/08 16:36, 9F
討論串 (同標題文章)
完整討論串 (本文為第 4 之 4 篇)：
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章