如何使用 jQuery 在 Bootstrap 中预选 <select> 列表项
How to preselect a <select> list item in Bootstrap using jQuery
我有以下 bootstrap 标记和 jQuery 脚本,我的 select 列表项没有被预先 select 编辑:
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="serviceType">Service Type</label>
<div class="col-md-1">
<select id="serviceType" name="serviceType" class="form-control">
<option value="S">S</option>
<option value="T">T</option>
<option value="X">X</option>
</select>
<script>
//$('[name=serviceType]').val( T ); // not working
//$('#serviceType').val( T ); // not working
//$('[name=serviceType]').val( "T" ); // not working
$('#serviceType').val( "T" ); // not working
</script>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
谁能看出 jQuery 有什么问题?谢谢
附注 #1:
我的 jQuery CDN 库 link 就在结束标记之前,而这个容器和 javascript 在网络文档中的位置更高。这重要吗?
附注 #2:
为完整视图添加了 jQuery CDN 库。
您需要在页面加载时调用此代码。您应该使用 $( '#serviceType' ).val('T')
请检查下面的代码
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="serviceType">Service Type</label>
<div class="col-md-1">
<select id="serviceType" name="serviceType" class="form-control">
<option value="S">S</option>
<option value="T">T</option>
<option value="X">X</option>
</select>
<script>
$(function() {
$( '#serviceType' ).val('T');
});
</script>
</div>
</div>
不要忘记包含 jQuery 文件。
你能试试这个吗
$(document).ready(function () {
$('select option[value="T"]').attr("selected",true);
});
$('#serviceType').val('T');
有效
我有以下 bootstrap 标记和 jQuery 脚本,我的 select 列表项没有被预先 select 编辑:
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="serviceType">Service Type</label>
<div class="col-md-1">
<select id="serviceType" name="serviceType" class="form-control">
<option value="S">S</option>
<option value="T">T</option>
<option value="X">X</option>
</select>
<script>
//$('[name=serviceType]').val( T ); // not working
//$('#serviceType').val( T ); // not working
//$('[name=serviceType]').val( "T" ); // not working
$('#serviceType').val( "T" ); // not working
</script>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
谁能看出 jQuery 有什么问题?谢谢
附注 #1: 我的 jQuery CDN 库 link 就在结束标记之前,而这个容器和 javascript 在网络文档中的位置更高。这重要吗?
附注 #2: 为完整视图添加了 jQuery CDN 库。
您需要在页面加载时调用此代码。您应该使用 $( '#serviceType' ).val('T')
请检查下面的代码
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="serviceType">Service Type</label>
<div class="col-md-1">
<select id="serviceType" name="serviceType" class="form-control">
<option value="S">S</option>
<option value="T">T</option>
<option value="X">X</option>
</select>
<script>
$(function() {
$( '#serviceType' ).val('T');
});
</script>
</div>
</div>
不要忘记包含 jQuery 文件。
你能试试这个吗
$(document).ready(function () {
$('select option[value="T"]').attr("selected",true); });
$('#serviceType').val('T');
有效