javascript和ajax获得控件本身

javascript

1.从控件传入this

2.通过getAttribute方法获得控件的属性值

得到控件

element = document.getElementById('  ')

（1）获得一般的属性用

element.getAttribute('属性名')

（2）获得input的输入值

element.value

（3）获得控件中夹的值e.g.<span>...</span>

element.innerHTML

<script>
        function click_color(obj, msg) {
            color_id = obj.getAttribute('color_id');
            console.log(color_id)
        }
    </script>

<li><a id="a_color" οnclick="click_color(this, {{ inventory_dict }})" color_id="{{ color.id }}"
                           href="#">{{ color.name }}</a></li>

ajax

1.得到id = a_color的控件，也可以根据其他属性

2.$(this).attr("color_id")得到控件的color_id属性值

$(function () {

$('[id = a_color]').click(function (event) {
                color_id = $(this).attr("color_id");
                console.log(color_id.toString())
                //modelName = $(this).html();
                //$("#p_inventory").text(inventory.toString());
            });

});