0

私は Mobiscroll jQuery スクリプトを使用して、ユーザーによるより適切な入力を行います。ページの読み込み時に、選択リストの最初のオプションが選択済みとして表示されます。ページの入り口で、(たとえば) 3 番目の値がデフォルトとして表示される既存のコードに何を追加すればよいですか?

試してみ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');すると、たとえば、3番目のオプション「ボストン」が選択されます

于 2012-07-20T18:56:07.500 に答える
0

この場合、バニラの 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 に答える