Bootstrap-Formular Helper Staat Picker Basierend auf Land

stimmen
1

Ich habe den Bootstrap-Land-Picker Arbeits (mit einem div-Tag statt den select-Tag auf ihrer Website zur Verfügung gestellt). Zustand Optionen Allerdings kann ich bekommen den Zustand Picker nicht auf Land gewählt Basis zu zeigen.

Hier sind die Dateien, die ich verlinkt habe:

<!-- Bootstrap Form Helpers -->
<link href=http://bootstrapformhelpers.com/assets/css/bootstrap-formhelpers.min.css rel=stylesheet media=screen>

<!-- jQuery -->
<script src=http://code.jquery.com/jquery-1.11.2.min.js></script>
<script src=http://code.jquery.com/jquery-migrate-1.2.1.min.js></script>

<!-- Bootstrap -->
<script src=http://bootstrapformhelpers.com/assets/js/bootstrap.min.js></script>

<!-- Bootstrap Form Helpers -->
<script src=http://bootstrapformhelpers.com/assets/js/bootstrap-formhelpers.min.js></script>

und hier ist der Code für die beiden Länder und Staaten.

<div class=bfh-selectbox bfh-countries data-country=US data-flags=true>

<div class=bfh-selectbox bfh-states data-country=countries_states1 data-state= >

Wie gesagt, arbeiten die Länder in Ordnung, aber die Staaten nicht alles bevölkern und ich brauche sie in Bezug auf das Land gewählt zu füllen.

Jede Hilfe ist willkommen!

Veröffentlicht am 13/04/2015 um 17:56
quelle vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
1

Ich fand online eine Antwort Incase jemand anderes sucht. Löschen Sie die beiden divs oben und fügen Sie diese:

<div id="countries_states2" class="bfh-selectbox bfh-countries" data-country="US" data-flags="true">
  <input type="hidden" value="">
  <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#">
    <span class="bfh-selectbox-option input-medium" data-option=""></span>
    <b class="caret"></b>
  </a>
  <div class="bfh-selectbox-options">
  <div role="listbox">
    <ul role="option">
    </ul>
    </div>
  </div>
</div>
<div class="bfh-selectbox bfh-states" data-country="countries_states2">
  <input type="hidden" value="">
  <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#">
    <span class="bfh-selectbox-option input-medium" data-option=""></span>
    <b class="caret"></b>
  </a>
  <div class="bfh-selectbox-options">
  <div role="listbox">
    <ul role="option">
    </ul>
    </div>
  </div>
</div>

Wenn Sie wollen an der Spitze auf das Flaggensymbol fügen Sie Daten-Flags = „true“ in die erste div halten

Beantwortet am 13/04/2015 um 18:13
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more