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" onclick="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());            });

});