วิธีเพิ่มตัวแทนสำหรับ form7 ติดต่อสำหรับแบบเลื่อนลง? [ปิด]


16

ฉันพยายามเพิ่มตัวยึดคล้ายกับได้รับสำหรับContactNumberลดลงของฉันลงOutletแต่ก็ไม่ปรากฏ

รหัส-

<div class="form-group form-icon-group">
    <i class="fa fa-phone" > </i> [tel* ContactNumber /8 class:form-control placeholder "Contact Number *"]
</div>
<div class="form-group form-icon-group">
<i class="fa fa-food" > </i> [select Outlet id:outlet class:form-control "-- Select Outlet--" "Pasir Ris" "Thomson"]
</div>

พยายามเพิ่มfirst_as_label "Preferred outlet?"เพื่อแสดงเป็นค่าดร็อปดาวน์สามัญ

ส่วนที่เหลือของฟิลด์ทั้งหมดจะแสดงตัวยึดตำแหน่งวิธีอื่นใดที่จะให้ตัวยึดสำหรับเลื่อนลง?


1
คุณสามารถใช้ตัวเลือกตัวแทนในแท็กรูปแบบต่อไปนี้: ข้อความ, อีเมล, url, tel, textarea, หมายเลข, ช่วง, วันที่และ captchar ตัวยึดตำแหน่ง cf7
Reigel

ดังนั้นสำหรับการเลื่อนลงเราไม่มีทางเลือกอื่น ๆ ?
Sanjuktha sandesh

คำตอบ:


2

เพื่อตอบคำถาม: เป็นไปไม่ได้

AFAIK, (HTMLwise) ไม่มีวิธีเพิ่มตัวยึดตำแหน่งเพื่อเลือกแท็ก

devs จำนวนมากที่ฉันรู้ แต่มีแนวโน้มที่จะใช้disabled selectedชุดค่าผสมสำหรับตัวเลือก ...

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="ydasdas">ydasdas</option>
    <option value="dasda">dasda</option>
    <option value="ydagfdsdas">ydagfdsdas</option>
    <option value="ewefsdf">ewefsdf</option>
</select>

การสาธิต

ฉันได้ตรวจสอบซอร์สโค้ดของ CF7 (เวอร์ชั่น 4.3.1) แล้วและไม่มีวิธีง่ายๆที่เราจะสามารถทำได้ในรูปแบบ html นี้

คุณสามารถไปได้อย่างยากลำบากโดยลบwpcf7_add_shortcode_selectการดำเนินการwpcf7_initและเพิ่มของคุณแทน


2
คำตอบนี้ควรถูกลบออกยอมรับหรือไม่ถูกต้องและไม่เหมือนคำตอบที่เก่ามากมันถูกให้ในวันเดียวกับคำตอบที่ถูกต้อง
Rick Calder

78

ขัดกับสิ่งที่เป็นคำตอบที่ได้รับการยอมรับให้เห็นก็จริงเป็นไปได้และสร้างขึ้นในรูปแบบการติดต่อ 7 นี่คือความเป็นจริงรายการของตัวเลือก[select]ถือ ค่อนข้างคุณจะกำหนดตัวเลือกแรกให้เป็นตัวยึดตำแหน่งโดยใช้first_as_label:

[select* Test first_as_label "Placeholder" "Option 1" "Option 2"]

แม้ว่ามันจะไม่ดูเหมือนตัวยึดตำแหน่ง แต่ถ้าจำเป็นผู้ใช้จะไม่สามารถเลือกตัวยึดตำแหน่งและส่งแบบฟอร์มได้ซึ่งจะเป็นการบังคับให้ผู้ใช้เลือกตัวเลือกอื่น ๆ


ขอบคุณสำหรับความช่วยเหลือฉันได้ลองไปแล้วfirst_as_labelแต่อย่างที่คุณบอกว่ามันไม่เหมือนกับค่าตัวแทนอื่น ๆ
Sanjuktha sandesh

4
นี่เป็นทางออกที่ดี และมันทำงานอย่างถูกต้อง - แบบฟอร์มจะไม่ส่งหากคุณลองใช้ตัวเลือกแรก หากต้องการจัดรูปแบบตัวเลือกแรกเพียงกำหนดเป้าหมายกล่องเลือก (เช่น.wpcf7 select[name="menu-70"] { color:#aaa; }จากนั้นคุณสามารถทำให้ตัวเลือกเข้มขึ้นโดยกำหนดเป้าหมายตัวเลือก (เช่น.wpcf7 select[name="menu-70"] option { color:#333; }ตัวเลือกแรกจะเน้นที่การโฟกัสดังนั้นถ้าคุณต้องการเปลี่ยนส่วนนี้โซลูชันจะใช้งานได้ดี
Rob Myrick

ฉันไม่แน่ใจว่าทำไมทุกคนต้องการให้ตัวเลือกที่เลือกมีลักษณะเป็นตัวยึดตำแหน่งยกเว้นว่าฉันทำสิ่งที่ขาดหายไปอย่างง่าย ๆ - เลือกตัวเลือก - เป็นสิ่งที่คนส่วนใหญ่คาดหวังที่จะเห็น ขอบคุณมากที่ช่วยฉันจากการดูเอกสารด้วยตัวเอง!
Rick Calder
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.