Jquery预选下拉值

时间:2013-09-11 12:34:57

标签: jquery html-select

我有下面的这个下拉列表,我已经从我需要在http://www.howtoclone.co.uk.gridhosted.co.uk/plasmid-builder处理的实际页面中取出,我将产品ID值从另一个页面传递到下面的jquery以预先选择下拉列表'value'。当我在下面单独运行它时,它可以工作。

<select name="0product_id[]" class="groupSelect" id="groupsel_0" onchange="productbuilder.update(this.value,0);">
    <option value="0" class="notag" id="id0_0">--Select--</option>
    <option class="notag" value="338" id="id0_338"  >Dual Promoter Puromycin Expression Plasmid - pSF-CMV-PGK-Puro  > £114.00</option>
    <option class="notag" value="282" id="id0_282"  >EMCV IRES Puromycin Expression Plasmid - pSF-CMV-EMCV-Puro  > £114.00</option>
    <option class="notag" value="265" id="id0_265"  >FMDV IRES Puromycin Expression Plasmid - pSF-CMV-FMDV-Puro  > £114.00</option>
    <option class="notag" value="101" id="id0_101"  >Puromycin Selection Plasmid - pSF-CMV-Ub-Puro AscI  > £114.00</option>
    <option class="notag" value="105" id="id0_105"  >Puromycin Selection SV40 Ori Plasmid - pSF-CMV-Ub-Puro-SV40 Ori SbfI  > £114.00</option>
    <option class="notag" value="323" id="id0_323"  >Rous Sarcoma Virus Promoter Puromycin Expression Plasmid - pSF-CMV-RSV-Puro  > £114.00</option>
</select>

并且这是用于更改加载值的片段:

<script>    
    $( document ).ready(function() {
    $("#groupsel_0 option[value=105]").attr("selected", "selected");    
    });
</script> 

我一上传到网站就没有效果了。有人可以帮忙吗?

3 个答案:

答案 0 :(得分:10)

如果您知道该值,为什么不设置它:

$( document ).ready(function() {
    $("#groupsel_0").val("105");    
});

FIDDLE

答案 1 :(得分:5)

您可以使用.prop方法代替:

$( document ).ready(function() {
    $("#groupsel_0 option[value=105]").prop("selected", true);    
});

答案 2 :(得分:1)

你可以像这样实现它,不需要那样做

$( document ).ready(function() {
    $("#groupsel_0").val("105");    
    });