從Javascript中的嵌套列表中預先選擇項目

我試圖在兩個類似字段（語言和可交付成果）中預選項目。從Javascript中的嵌套列表中預先選擇項目

<div class="fields-wrapper"> 
    <div class="language-field"> 
    <ul> 
     <li value="1">EN</li> 
     <li value="2">ES</li> 
     <li value="3">NL</li> 
    </ul> 
    </div> 

    <div class="deliverables-field"> 
    <ul> 
     <li value="1">A</li> 
     <li value="2">B</li> 
     <li value="3">C</li> 
    </ul> 
    </div> 
</div>

在我的JavaScript，我想下面的兩種方法中選擇了相應的項目，但都沒有白費。我會感謝任何幫助。非常感謝。

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".language-field ul li").val(["1"]).addClass('selected'); 
    $(".deliverables-field ul li").eq(0).addClass('selected'); 
});

來源

2013-05-02 Kédar

有一件事我會建議，因爲你使用jQuery，是使用$（函數（）{}），而不是$（文件）。就緒（函數（） {}） – kahowell 2013-05-02 03:21:26

謝謝隊友。我也糾正了這一點。 – 2013-05-02 05:11:27

您需要在這裏使用attribute selector。 .val()用於獲取/設置輸入字段的值。

在你的情況，因爲你正在處理livalue是該元素的屬性。

$(function(){ 
    $('.language-field ul li[value="1"]').addClass('selected'); 
    $(".deliverables-field ul li").eq(0).addClass('selected'); 
})

演示：Fiddle

來源

2013-05-02 03:20:51

謝謝。這非常有道理，所以在我的情況下，至少應該選擇可交付物品A.我試過 $（'。language-field ul li [value =「1」]'）。addClass（'selected'）; $（'。deliverables-field ul li [value =「1」]'）。addClass（'selected'）; ，它不工作。 Arrgh！只是不能讓我的頭在這附近。 – 2013-05-02 03:53:52

@Kédar你可以檢查我創建的演示提琴，它工作正常 – 2013-05-02 03:54:34

是的，我做了，謝謝。它非常有意義。我似乎無法把我的手指放在爲什麼我的代碼不會選擇該項目。 – 2013-05-02 03:56:15

從Javascript中的嵌套列表中預先選擇項目

回答

相關問題