Javascript 如何获取脚本';s值在.append()中?

Javascript 如何获取脚本';s值在.append()中?,javascript,c#,jquery,Javascript,C#,Jquery,这是我的下拉列表: <div id="addCam"></div> <div id="addDiv"> <select id="type1"> <option value="">- Kiểu áo -</option>

这是我的下拉列表:

<div id="addCam"></div>
                            <div id="addDiv">
                                <select id="type1">
                                    <option value="">- Kiểu áo -</option>
                                    @foreach (var item in Model.teetypes)
                                    {
                                        <option value="@item.Image">@item.Name</option>
                                    }
                                </select>
                                <a class="btn btn-info btn-default" id="addBtnH" style="text-align:center" title="Thêm sản phẩm"><i class="fa fa-plus"></i></a>
                            </div>

-碘化钾ể乌奥-
@foreach(Model.teetypes中的var项)
{
@项目名称
}
这是我的javascript.append():

$(文档).ready(函数(){
var计数=2;
var maxAppend=0;
$(“#addBtnH”)。单击(函数(){
变量名称=$(“#类型1选项:选定”).val();
var name1=$(“#类型1选项:选中”).text();
如果(name='')返回;
如果(maxAppend>=5){
$(“#addDiv”).hide();
返回;
}
$(“#addDiv”).show();
$(“#类型1选项:选中”).attr('disabled','disabled');
$(“#类型1”).val(“”);
$(“#addCam”).append(”+
“@foreach(Model.teecolors中的变量项){}”+name1+”+
“
”+@*str+*@ “$('#删除“+count+”)。单击(函数(){var images=$(this).attr('rel');$('#type1选项[value=“+”images“+”])。removeAttr('disabled');$('#del“+count+”)。remove();};””+ 函数changeColor“+count+”(){var eID=document.getElementById('color“+count+”);var colorVal=eID.options[eID.selectedIndex].value;document.getElementById('tee“+count+”).style.background='#'+colorVal;}+'+ ""); 计数=计数+1; maxAppend++; }); });

我的问题是,当我单击“添加”按钮时,它会将div作为内容添加到append中,而已添加的值将在dropdownlist中禁用。在添加的div中,有一个按钮delete,当我单击它时,div将消失,禁用的属性值将被删除。我创建“images”来获取该按钮的attr('rel'),但我不知道如何让$(“#type1 option[value=images]”)理解“images”是一个值,而不是一个字符串?请帮帮我

将scirpts元素写入要评估的代码中不是最佳做法

您正在寻找的技术是连续使用jquery选择器来获取附加节点并动态设置属性。 考虑这个解决方案:

$(“#addCam”).append($(“
    ”).attr('class','some class')) .append($(“
  • ”).attr('class','someotherclass')) .append($('
    $(document).ready(function () {
        var count = 2;
        var maxAppend = 0;
        $("#addBtnH").click(function () {
            var name = $("#type1 option:selected").val();
            var name1 = $("#type1 option:selected").text();
            if (name == '') return;
            if (maxAppend >= 5) {
                $("#addDiv").hide();
                return;
            }
            $("#addDiv").show();
            $("#type1 option:selected").attr('disabled', 'disabled');
            $("#type1").val('');
    
            $("#addCam").append("<div class='widget' id='del" + count + "'><div class='widget-body'><div class='col-md-3'><span style='display:block'><img src='" + name + "' id='tee" + count + "' height='75'/></span></div>" +
                "<div class='col-md-1'><select id='color" + count + "' onchange='changeColor" + count + "()'>@foreach (var item in Model.teecolors){<option value='@item.Color' style='background-color: #@item.Color'></option>}</select></div><div id='dis" + count + "'>" + name1 + "</div>" +
                "<hr class='wide'><input type='text' name='input'><a class='btn btn-info btn-default' rel='"+name+"' id='delete" + count + "' style='text-align:center' title='Xóa sản phẩm'><i class='fa fa-trash'></i></a>" + @*str +*@
                "<script>$('#delete" + count + "').click(function(){var images = $(this).attr('rel'); $('#type1 option[value = "+"images"+"]').removeAttr('disabled');$('#del" + count + "').remove();});" + "<" + "/script>" +
                "<script type='text/javascript'>function changeColor" + count + "(){var eID = document.getElementById('color" + count + "'); var colorVal = eID.options[eID.selectedIndex].value; document.getElementById('tee" + count + "').style.background = '#' + colorVal;}" + "<" + "/script>" +
                "</div></div>");
            count = count + 1;
            maxAppend++;
        });
    });