2014-12-05 63 views
0

我正在處理一個表單,其中需要驗證文本框字段位於當前選定的下拉項目和選定的項目之間。在當前選中的下拉選項之前獲取選項文本

例下拉:

<select>Select</option> 
    <option value="57">25</option> 
    <option value="58">28</option> 
    <option value="59" selected>30</option> 
    <option value="60">32</option> 
    <option value="61">33</option> 
    <option value="62">35</option> 
</select> 

鑑於所選擇的項目,59,我需要jQuery來給我上一個項目的價值,在這種情況下,58注意這只是一個例子,值不總是像這樣順序。

後jQuery中所選擇的項目使用,我可以很容易地獲得該項目:

$("#SealShaftSizeID option:selected + option").text(); 

我無法找到一些jQuery的做的是相反的。

+1

看看http://api.jquery.com/prev/。 CSS不能選擇以前的兄弟,但是你仍然可以用'.prev()'向後遍歷DOM。 – chazsolo 2014-12-05 18:33:29

+0

我現在感覺很愚蠢,我搜索了這個,沒有發現任何東西。但嘿它的星期五!謝謝您的幫助。 – CoreyT 2014-12-05 18:35:47

+0

非常歡迎您! – chazsolo 2014-12-05 18:37:49

回答

0

可以解決這樣的:

$("option[selected]").prev().css("background-color", "red");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<select> 
 
    <option>1</option> 
 
    <option selected>2</option> 
 
    <option>3</option> 
 
</select>

相關問題