如何使用jQuery

时间:2015-11-06 00:44:49

标签: jquery select twitter-bootstrap-3 selecteditem

我有以下引导标记和jQuery脚本,我的选择列表项未被预先选择:     <! - 文字输入 - >     < div class =" form-group">       < label class =" col-md-4 control-label" for =" serviceType">服务类型< / label>       < div class =" col-md-1">         < select id =" serviceType"命名="的serviceType"类="形状控制">           < option value =" S"> S< / option>           < option value =" T"> T< / option>           < option value =" X"> X< / option>         < /选择>         <脚本>           // $(' [name = serviceType]')。val(T); //不工作           // $(' #serviceType')。val(T); //不工作           // $(' [name = serviceType]')。val(" T"); //不工作           $('#serviceType')。val(" T"); //不工作         < /脚本>       < / DIV>     < / DIV> <! - jQuery(Bootstrap的JavaScript插件所必需的) - > < script src =" https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">< / script> 任何人都可以看到jQuery有什么问题吗?谢谢。 附注#1: 我的jQuery CDN lib链接就在结束标记之前,而这个容器和javascript在web文档中更高。那有关系吗? 附注2: 添加了jQuery CDN lib以获得完整视图。

3 个答案:

答案 0 :(得分:1)

您需要在页面加载时调用此代码。您应该使用 $('#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文件。

答案 1 :(得分:1)

你可以试试吗

$(document).ready(function () {

$('select option [value =“T”]')。attr(“selected”,true); });

答案 2 :(得分:0)

$('#serviceType').val('T');

作品