0

我使用 Mobiscroll jQuery 脚本为用户提供更漂亮的输入。在页面加载时,选择列表的第一个选项显示为已选中。我应该在页面入口处的现有代码中添加什么,(例如)第三个值显示为默认值?

我试过selecte="selected"了,但它不起作用。

这是 jQuery 脚本

$(function(){
    $('#city').scroller({
        preset: 'select',
        theme: 'android-ics',
        display: 'inline',
        mode: 'scroller',
    });
});

这是选择框的选项

<select id="city" class="cities" data-role="none" name="City">
<option value="">All</option>
<option value="1">Atlanta</option>
<option value="2">Berlin</option>
<option value="3">Boston</option>
</select>
4

3 回答 3

1

您可以通过执行以下操作轻松地从 jQuery 设置值:

var defaultValue = 3;
$("#city").val(defaultValue);​

这里的“3”代表下拉列表中的波士顿,这是一个证据:

http://jsfiddle.net/6mj8n/5/

于 2012-07-20T18:56:51.433 回答
0

使用$('#city').val('3');将把第三个选项“波士顿”作为选择例如

于 2012-07-20T18:56:07.500 回答
0

在这种情况下,我认为 vanilla DOM 方法是我要使用的:

$('#city')[0].options.selectedIndex = 3;

应该提到的是,在初始化 mobiscroll之前应该放置这个和其他解决方案。mobiscroll 的工作演示:http: //jsfiddle.net/DCaHK/1/

...进一步考虑,您添加selected选项的第一个建议应该有效。更新了我的演示来做到这一点。自动完成可能会阻止它在某些浏览器中正常工作,因此您的问题可能只是您需要关闭自动完成:

<form autocomplete="off">
    <select id="city" class="cities" data-role="none" name="City">
        <option value="">All</option>
        <option value="1">Atlanta</option>
        <option value="2" selected>Berlin</option>
        <option value="3">Boston</option>
    </select>
</form>
于 2012-07-21T03:43:31.457 回答