Nilai ‹input› HTML mendukung beberapa nilai bidang khusus

Saya membuat filter AJAX Post bidang khusus, nilai filternya dengan cara yang benar.. Sekarang saya perlu membuatnya lebih opsional setelah itu mendukung beberapa nilai dari satu bidang khusus..

Bekerja dengan cara ini:

Bidang khusus Kunci & Nilai ===> tampilan = 4 ... Ini untuk masukan pertama, nilai lainnya adalah 5,6 dan 7.

<div class="display">   
    <li><input type="checkbox" name="display" value="4" class="br"> 4 inch  </li>
    <li><input type="checkbox" name="display" value="5" class="br"> 5 inch  </li>
    <li><input type="checkbox" name="display" value="6" class="br"> 6 inch </li>
    <li><input type="checkbox" name="display" value="7" class="br"> 7 inch </li>
</div>

Diperlukan dengan cara itu:

Bidang khusus Kunci & Nilai ===> tampilan = 3,5 .. untuk masukan pertama

<div class="display">   
    <li><input type="checkbox" name="display" value="1.0 - 4" class="br"> Below - 4.0 inch  </li>
    <li><input type="checkbox" name="display" value="4.1 - 5" class="br"> 4.1  - 5 inch  </li>
    <li><input type="checkbox" name="display" value="5.1 - 6" class="br"> 5.1  - 6.0 inch </li>
    <li><input type="checkbox" name="display" value="6.1 - 8" class="br"> 6.1  - above inch  </li>
</div>

Diperlukan Lebih Detail:

Ketika saya memasukkan nilai 1 to 4 di bidang khusus, maka kotak centang pertama memfilternya.

Bagaimana cara mengelola nilai tag masukan 1 - 4 yang akan mendukung nilai bidang khusus yang juga antara 1 - 4?

Dengan kata lain, nilai tag masukan di dalam mendukung banyak nilai.


person FRQ6692    schedule 28.08.2016    source sumber


Jawaban (1)


Daripada menggunakan, misalnya di <input> Anda nilai '1.0 - 4' mengapa Anda tidak memasukkan nilai maksimal saja. Jadi, Anda akan mendapatkan:

<div class="display">   
    <li><input type="checkbox" name="display" value="4" class="br"> Below - 4.0 inch  </li>
    <li><input type="checkbox" name="display" value="5" class="br"> 4.1  - 5 inch  </li>
    <li><input type="checkbox" name="display" value="6" class="br"> 5.1  - 6.0 inch </li>
    <li><input type="checkbox" name="display" value="9" class="br"> 6.1  - above inch  </li>
</div>

Kemudian setelah itu Anda akan membuat kolom khusus lain di postingan Anda, misalnya 'screen', di mana Anda akan memasukkan nilai layar sebenarnya (untuk ditampilkan di atas ponsel di template Anda ).

Kemudian, Anda akan menggunakan 'display'bidang khusus hanya dengan filter ajax Anda.


Utas penulis terkait:

person LoicTheAztec    schedule 04.09.2016