如何定位已替换的元素

时间:2016-08-09 23:45:59

标签: javascript jquery html5

我有一个下拉列表。当值改变时,我想要确认消息,要求确认所选值。 a)如果不是,我希望重置该值。 b)如果是,我想用带有所选值的span标签替换下拉列表。

你如何实现b)部分。这是我编写的代码,但这会改变所有span元素的值。甚至是之前设定的那些。

这是在php中。所以请忽略""在html和'。'

"<td>".
                    "<select name = 'current' id = 'test'>".
                        "<option value='None' selected>Choose a Sales Rep</option>".
                        "<option value='sales1'>Sale Rep1</option>".
                        "<option value='sales2'>Sale Rep2</option>".
                        "<option value='sales3'>Sale Rep3</option>".
                        "<option value='sales4'>Sale Rep4</option>".
                    "</select>".
                 "</td>";

<script>
        // var current = $('input[name=current]').val();    
        $("select").change(function(){
            if(confirm("Have you chosen your sales rep?")){
                var $set_value = $(this).val();
                console.log($set_value);
                $(this).replaceWith("<span></span>");
                $("span").html($set_value);

                return false;
            }else{
                $(this).val('None');
                //$.data(this, 'current',$(this).val());
            }

        })
    </script>

如何定位刚刚替换我点击的下拉列表的span标记? 请指教。

TIA

1 个答案:

答案 0 :(得分:2)

您只需在插入之前创建

db.currentOp(1)