後臺List list 傳到前臺 select輸出 問題

因爲我這個是修改功能,所以在把<option>循環展示出來還不夠,還得把當前需要修改的字段默認顯示

由於水平有限,試了一兩天了都沒成功,每天大概兩個小時吧。

最後終於用<c:choose><c:when><c:otherwise>實現了!

成功那一刻真的很開心啊。那種喜悅,確實贊!

我想這就是作爲程序員的動力之一吧!
貼上成功後的代碼片段:
(ps.DN勿噴)

    <select name="goods_type" id="goods_type">
<!--                                          <c:if test="${bean eq pd.goods_type }">selected</c:if> -->
                                            <c:forEach items="${list}" var="bean">
                                                 <c:choose>
                                                    <c:when  test="${pd.goods_type eq bean}">
                                                      <option value="${bean}" selected>
                                                         ${bean}
                                                      </option>  
                                                    </c:when>  
                                                    <c:otherwise>
                                                        <option value="${bean}">
                                                         ${bean}
                                                      </option>  
                                                    </c:otherwise>
                                                </c:choose>
                                            </c:forEach>

                                    </select>

—-update
趁我還記得,先把select標籤可寫 貼出來

<select name="select" id="sid" style="position:absolute;left:10px;top:10px;width:100px;height:18px;" οnchange="textArea.value = select.value;textArea.select()">
   <option value="1">1</option>
   <option value="2">2</option>
</select>
<input type="text" name="textArea" style="position:absolute;left:10px;top:10px;width:80px;height:14px;">

好了,大致是這麼寫的,個別樣式可以小調下。
原理應該就是用<input><select>的地方給代替掉了
最關鍵的一個地方就是 textarea.value = select.value;
textarea.select()
select()是jquery的一個方法

用於在文本域後添加文本,以顯示出提示文本
當 textarea 或文本類型的 input 元素中的文本被選擇時,會發生 select 事件。

上面兩句是w3c的解釋,我覺得好麻煩,一下子理解不了
反正我就理解成此時的select中的值已變成input的值了
所以點擊該值就相當於input值被選中了
選中之後觸發了select()事件,就在文本域後添加了該值

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章