1.事件還原

在一個商家推薦的環(huán)節(jié)，使用下拉選擇框，獲取下拉選擇的value值，通過AJAX執(zhí)行數(shù)據(jù)庫操作。對表示推薦的字段執(zhí)行修改。使用過程中發(fā)現(xiàn)除了第一行可以穩(wěn)定修改成功，其他行經(jīng)常性修改失敗。如下圖：

示例圖

2.原始代碼

<select onchange="tj('<%=id%>')" name="tj" id="tj">
    <option value="0" <%if(tj.equals("0")){%> selected<%}%>>未推薦</option>
    <option value="1" <%if(tj.equals("1")){%> selected<%}%>>推薦</option>
</select>

通過id來獲取value值，導致每個生成的option都是采用一樣的id，導致了只有第一行才能正確的修改。

3.修改代碼如

<select onchange="tj1('<%=id%>')" name="tj<%=id%>" id="tj<%=id%>">
    <option value="0" <%if(tj.equals("0")){%> selected<%}%>>未推薦</option>
    <option value="1" <%if(tj.equals("1")){%> selected<%}%>>推薦</option>
</select>

在這個循環(huán)中，通過每次給新生成的option的ID賦值，加上該option字段中的ID，組成唯一的ID，之后的JS取值中就可以單獨取值。避免重復取到的都是第一行的值。