有關選擇選項的基本html

選項1「1 - 單元/份」將如何顯示在html模板上？我已將隱藏值更改爲1，但顯示默認值「選擇一個」選項。我知道這是一個基本的問題，我知道這是正確的。 TNX有關選擇選項的基本html

<select class="form-control" id="H_MEALS_SC" > 
 
    <option value=''>Select One</option> 
 
    <option value="1" > 1 - Unit/servings</option> 
 
    <option value="2" > 2 - Sachet</option> 
 
    <option value="3" > 3 - Pack</option> 
 
</select> 
 
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC" value="1" />

來源

2017-02-15 John Carlo Velasquez

'H_MEALS_SC'是重複的ID。使用'$（'＃selectId'）。val（$（'＃hiddenId'）。val（））;' – Tushar

只需添加「選擇」關鍵字要被默認選擇的選項"Selected keyword"

來源

2017-02-15 03:50:26 user4973845

我該如何將它添加到jquery中？ –

您可以在id屬性添加到第一個選項，並添加使用JQuery或JS對該元素使用selected屬性。

JQuery的：

$(document).ready(function() { 
    $('#default-val').prop('selected', true); 
});

純JS：

var d = document.getElementById('default-val'); 
 
d.setAttribute('selected', 'selected');

<select class="form-control" id="H_MEALS_SC" > 
 
    <option value=''>Select One</option> 
 
    <option value="1" id="default-val" > 1 - Unit/servings</option> 
 
    <option value="2" > 2 - Sachet</option> 
 
    <option value="3" > 3 - Pack</option> 
 
</select> 
 
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC" value="1" />

來源

2017-02-15 05:21:15

非常感謝它的工作 –

jQuery的設定值。

<html> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
     <script> 
 
      $(document).ready(function(){ 
 
       $("#H_MEALS_SC").val('1'); 
 
      }); 
 
      
 
     </script> 
 
    </head> 
 
<body> 
 
    <select class="form-control" id="H_MEALS_SC"> 
 
     <option value=''>Select One</option> 
 
     <option value="1"> 1 - Unit/servings</option> 
 
     <option value="2"> 2 - Sachet</option> 
 
     <option value="3"> 3 - Pack</option> 
 
    </select> 
 
    <input type="hidden" name="H_MEALS_SC" id="H_MEALS_SC_1" value="1" /> 
 
</body> 
 

 
</html>

來源

2017-02-15 05:38:49 Nitheesh

非常感謝它的工作 –

有關選擇選項的基本html

回答

相關問題