0

ドロップダウンリスト「選択メニュー」を実装しましたjQuery Mobile.

    <div data-role="fieldcontain">
          <label for="name" class="select ui-select" style ="vertical-align:baseline; width:33%; " ><b>Application:</b></label>
          <select name="select_choice" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c" id="editWSAppType" >

          <option value="EmptyOption">"  "</option> <!--EMPTY OPTION-->
          <option value="Other">Other</option>
          <option value="Other2">Other2</option>
          <option value="Other3">Other 3</option>


          </select>
    </div>

すべてのオプションがドロップダウン リストに表示されますが、ラベルの配置に問題があります。

とりあえず使ってきvertical-align:baselineました。また、他の配置属性も試しました。

ただし、EMPTY OPTION の場合は、他のオプションに比べてラベルの位置が下に変更されます。

私のアプリケーションの非常に多くの選択メニューで同じ問題が発生しています。

一部の選択メニューには、同じ問題が発生している強力なテキストがありません。

<div data-role="fieldcontain">
      <label for="name" class="select ui-select" style ="vertical-align:baseline; width:33%; " ><b>Application:</b></label>
      <select name="select_choice" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c" id="editWSAppType" >
           <!--NO OPTIONS-->
      </select>
</div>

ここに画像の説明を入力

ここに画像の説明を入力

4

1 に答える 1

0

あなたのラベルのfor属性であなたはあなたの選択のを入れるべきですid（あなたは現在持っています"name"）

<div data-role="fieldcontain">
          <label for="editWSAppType" class="select ui-select"  ><b>Application:</b></label>
          <select  name="select_choice" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c" id="editWSAppType" >

          <option value="EmptyOption"></option> <!--EMPTY OPTION-->
          <option value="Other">Other</option>
          <option value="Other2">Other2</option>
          <option value="Other3">Other 3</option>


          </select>
    </div>
于 2012-07-03T14:18:06.637 に答える