如何预选a<;选择>;使用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

我有以下引导标记和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="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');