html——name与value的使用

一、name使用

<form action="Handler2.ashx" method="post" enctype="application/x-www-form-urlencoded">
<p>客户名称: <input type="text" name="CustomerName" style="width: 300px" /></p>
<p>客户电话: <input type="text" name="CustomerTel" style="width: 300px" /></p>
<p><input type="submit" value="提交" /></p>
</form>

1、name的作用是用来让后台接受数据时使用的KEY值
2、同一个Form里不能有多个name属性相同的HTML标记，但如果一个网页中有多个Form，则不同的Form里可以有同个Name属性的标记。而ID是全局的，在一个HTML文档里不能有多个节点使用相同的ID，无论它处在哪个Form里。

二、value使用

1、显示功能

某些元素使用时用来显示到界面上

比如：<input type="text" name="firstname" value="Mickey">

比如：<input type="button" name="firstname" value="Mickey">

2、记录功能

某些元素用来记录存储值，下拉框，checkbox等

比如：

<select id="select">
    <option value="volvo">Voasdflvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>

        $("#select").change(function () {
            //获取下拉框选中项的text属性值
            var selectText = $(this).find("option:selected").text();
            alert(selectText);
            //获取下拉框选中项的value属性值
            var selectValue = $(this).val();
            alert(selectValue);
            //获取下拉框选中项的index属性值
            var selectIndex = $(this).get(0).selectedIndex;
            alert(selectIndex);
        });