Re: [問題] 如何將select的值取出運用

[wadexman (阿竣)]

自己嘗試寫了類似的功能, 以下有兩個問題想請教,

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
→ kerash:晚點在理解，但是位什麼上面用了 jquery,下面還要 dom ?
→ knives:雖然是不會有衝突，不過既然你都用jquery了，何不用到底
→ wadexman:主要是jquery才在學習階段 利用各種練習去摸索@@"
→ wadexman:所以還用不熟練

一開始原本不是用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)
→ kerash:$(this+"....").remove ,  $(this) 有意義，$(thisxxx)
→ kerash:你 this 不是變數怎麼會有東西?
→ knives:因為你的select是用js動態產生，除非你在這個select產生的
→ knives:後面再用change不然是不會有反應，再不然就用live('change'
→ knives:, function()); 這樣你就不用care物件是怎麼產生的