如何预选a<;选择>;使用jQuery在引导中列出项
我有以下引导标记和jQuery脚本,并且没有预先选择我的选择列表项:如何预选a<;选择>;使用jQuery在引导中列出项,jquery,select,twitter-bootstrap-3,selecteditem,Jquery,Select,Twitter Bootstrap 3,Selecteditem,我有以下引导标记和jQuery脚本,并且没有预先选择我的选择列表项: <!-- 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
<!-- 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>
服务类型
s
T
X
//$('[name=serviceType]')。val(T);//不起作用
//$('#serviceType').val(T);//不起作用
//$('[name=serviceType]')。val(“T”);//不起作用
$('#serviceType').val(“T”);//不起作用
有人知道jQuery有什么问题吗?谢谢
附加注释#1:
我的jQuery CDN lib链接就在结束标记之前,而这个容器和javascript在web文档中的位置更高。那有关系吗
附注#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>
服务类型
s
T
X
$(函数(){
$('#serviceType').val('T');
});
别忘了包括jQuery文件。你能试试这个吗
$(document).ready(function () {
$('select option[value=“T”]”)。attr(“selected”,true);
});
works我已经为您创建了一个演示。请查收。谢谢@prashanth。我来测试一下。我的jQuery存在于文档的底部—在本节之后。这就是原因吗?在我的web文档@prashanth中不起作用。该容器是否需要位于文档流中的jQuery库之后?在my web doc@Francis中不起作用。这个容器需要放在文档流中的jQuery库之后吗?嗨,H.Ferrence,你的代码工作正常,我已经测试过了。先导入jquery库再导入其他内容。“先导入jquery库再导入其他内容”--这意味着jquery CDN库必须放在我的脚本之上才能工作?库和脚本的位置和顺序很重要?是的,一旦我在jquery库之后移动脚本,它就会工作。所以位置和顺序很重要。好吧,学习一些东西,因为我一直认为
$(document).ready(function(){…})代码>意味着我可以将CDN库定位在文档的底部。
$('#serviceType').val('T');