Jquery在插件中預選下拉菜單選項

幾天前我在這裏問了如何在表單中預先選擇一個選項來做一個下拉菜單。我已經得到了一個答案，並嘗試了它和我在網上找到的一些其他建議，所有這些都失敗了。我附上了兩張照片，顯示了我所做的事情，所以希望你們能夠幫助我。Jquery在插件中預選下拉菜單選項

（請記住，我使用的插件，只允許我加入的代碼不能編輯給定的一個）

NUM1 thats how the plugin made the form, i cannot edit it

NUM2 thats what i have tried and it did not work

編輯

這裏是pulgin製造的代碼：

<label class="fitText" style="font-size: 16px;">Product</label> 
<select name="Product" data-export-field=""> 

      <option value=""> - Product - </option> 


      <option value="A" data-price="0"> 
      A 

      </option> 

      <option value="B" data-price="14"> 
      B 

      (+$14.00) 

      </option> 

     </select>

我做了什麼：

<script> 
$(window).load(function() { 
    $('#Product option[value=A]').attr('selected','selected'); 
}); 
</script>

希望你們能幫助我！：d

感謝 Yarin

來源

2016-08-19 Yarin Bar

有什麼方法可以將代碼複製並粘貼到問題中？從圖像調試代碼似乎效率低下。 –

完成，你是對的，謝謝 –

這應該達到什麼樣的你want-

腳本 -

$(document).ready(function() { 
    $('select[name=Product] > option[value=A]').attr('selected','selected'); 
});

的#選擇是ID的，沒有名字。使用與值相同的選擇器作爲名稱。

$(document).ready()（或$(function() {})）應該會更快一點，因爲它會在DOM準備好進行操作時調用，而不是一切準備就緒。我也聽說$(window).load(function() {})可以在無意中調用，取決於項目。

否則你的代碼是可靠的。

來源

2016-08-19 21:49:56 MPawlak

或者你可以嘗試這一個： –

嗨，感謝您的回覆，但代碼似乎並沒有工作。也許是因爲我添加的代碼位於正文中？我發現這段代碼：它與什麼有關我正在努力實現？ –

不應該。這只是表單提交。如果添加'console.log（$（'select [name = Product]>選項[value = A]'））行，就在docReady行的下方輸出對象到控制檯？ – MPawlak

或者你可以試試這個：

$(document).ready(function(){ 

    $("#select_id").val('A'); 

});

在頁面加載，對於選擇標籤設置的默認值。可以幫助你。

來源

2016-08-20 01:12:48

也沒有工作：/ –

Jquery在插件中預選下拉菜單選項

回答

相關問題