选择选项的基本html
选择选项的基本html
提问于 2017-02-15 11:44:05
选项1 "1 -单元/服务“将如何显示在html模板上？我已经将隐藏值更改为1，但它显示了默认值"Select One“选项。我知道这是一个基本的问题，我知道它是正确的。Tnx
<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" />
回答 3
Stack Overflow用户
发布于 2017-02-15 11:50:26
只需将" selected“关键字添加到您希望默认选择的选项中即可，"Selected keyword"
Stack Overflow用户
发布于 2017-02-15 13:21:15
您可以向第一个选项添加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" />
Stack Overflow用户
发布于 2017-02-15 13:38:50
使用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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42240313
复制相关文章
相似问题
腾讯云开发者
