javascript - Jquery 在附加项目上设置属性

Question

当用户单击另一个人的姓名时，将显示一个弹出窗口，其中包含一个表单，用于向该用户发送消息。我希望能够更改属性“action”以反射(reflect)“http://localhost:8000/newMsg/” '+ 用户 ID；到目前为止，我所拥有的改变了表单的操作，但也改变了其他表单。我知道我可以在某些情况下使用 $(this) 或children() 或closest()。但我需要将 user_id 值从 .chat_list 传递到特定表单。这是我所拥有的:

HTML

            <!-- Sidebar -->
        <div id="sidebar-wrapper">
                            <div class = "contacts_slideout">
                                <div class = "contact_content">
                                    <div id = "chat-box">
                                        <div class = "menteeList">

                                            <div id = "mntList">
                                                 <ul class = "sidebar-nav">
                                                    <li><h1>My Mentee</h1></li>
                                                    @foreach($menteeList as $mentee)
                                                        <li class = "chat_list" value = "{{$mentee->id}}"><div class = "pic_id"></div><a>{{$mentee->name}}</a></li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
        </div>
        <!-- /#sidebar-wrapper -->
        <div class = "dock">
            <div class = "docking_tabs">

            </div>
        </div>

Javascript

$('.chat_list').click(function(){
    if($(this).hasClass('activated')){
        return false;
    } else {
        var user_id = $(this).attr('value');
        $(this).addClass('activated');
        var el = $(
            '<div class = "message_block">'+
                '<div class = "message_tab">'+ '</div>' +

                '<div class = "message_flyout">' +
                    '<div class = "message_content">' +
                        '<div class = "message_header">'+ '</div>' +
                            '<div class = "conversation_scroll">' +
                                '<div class = "scroll_content">' + '</div>' + '</div>' +
                                    '<div class = "message_form">' +
                                        "<form class = 'myForm' method= 'POST' accept-charset= 'UTF-8'>" + "<input name='_token' type='hidden' value='2rS54FJZJZhWPplLmBJSH4CsID7Pgec7iPsDtrnm'>" +
                                        '<div class = "message_form">' +
                                            "<input class='input-mini' placeholder='Type a message...' name='status' type='text'>" +
                                        '</div>'+
                                        "</form>" +
                                    '</div>'+
                                '</div>'+
                            '</div>'+
                    '</div>');

        $('.docking_tabs').append(el);
        $(".myForm").attr('action', 'http://localhost:8000/newMsg/' + user_id);
    }

});

我怎样才能正确地做到这一点？只是一个附带问题，这种方法是否容易受到操纵或黑客攻击？

Answer 1

改变

<form

至:

<form action='"+user_id+"'

并删除更改表单属性操作的最后一行