Bunu nasıl bulabilirsiniz jquery'yi kullanarak Seçeneği Seç

Question

Bir listenin otomatik olarak bir değer için kontrol edilmesi için COLDFUSION kodunun bir COLDFUSION kodunu buldum ve eğer yoksa "varsayılan" olarak ayarlanmışsa. Sadece benim için çalışmıyor. Cfif içine girer ve Script sayfaya yerleştirilir, ancak JQER SELECTOR'ı varsayılan olarak SEÇİLMEDİ olarak işaretlemez.

#igShutdownTimer option[default="default"], sayfanın ilk kez çalıştırıldığını düşündüğü gibi seçili olarak işaretlemez. value="60".

<div class="col-md-12"> 
    <label for="igShutdownTimer">Ignition ShutDown Timer:</label> 
    <cfset pos = listfind(inputList,"1_uint ")> 
    <cfif not pos> 
     <script> 
      $('##igShutdownTimer option[default="default"]').attr('selected','selected'); 
     </script> 
    </cfif> 
    <select form="configDetail" id="igShutdownTimer" name="1_uint" class="form-control" changeName="Ignition ShutDown Timer"> 
     <option value="0" <cfif pos and getParams.value[pos] is "0">selected</cfif>>0 Minutes</option> 
     <option value="10" <cfif pos and getParams.value[pos] is "10">selected</cfif>>10 Minutes</option> 
     <option value="20" <cfif pos and getParams.value[pos] is "20">selected</cfif>>20 minutes</option> 
     <option value="30" <cfif pos and getParams.value[pos] is "30">selected</cfif>>30 Minutes</option> 
     <option value="40" <cfif pos and getParams.value[pos] is "40">selected</cfif>>40 Minutes</option> 
     <option value="50" <cfif pos and getParams.value[pos] is "50">selected</cfif>>50 Minutes</option> 
     <option value="60" <cfif pos and getParams.value[pos] is "60">selected</cfif> default="default">1 Hour</option> 
     <option value="120" <cfif pos and getParams.value[pos] is "120">selected</cfif>>2 hours</option> 
     <option value="240" <cfif pos and getParams.value[pos] is "240">selected</cfif>>4 Hours</option> 
     <option value="480" <cfif pos and getParams.value[pos] is "480">selected</cfif>>8 Hours</option> 
     <option value="720" <cfif pos and getParams.value[pos] is "720">selected</cfif>>12 hours</option> 
     <option value="1440" <cfif pos and getParams.value[pos] is "1440">selected</cfif>>24 Hours</option> 
     <option value="4294967295" <cfif pos and getParams.value[pos] is "4294967295">selected</cfif>>Unlimited</option> 
    </select> 
</div> 

Bu, kaynağa yazdırılan şeydir ve SELECTED'in varsayılan olarak görünmediğini gördüğünüz gibi.

<div class="col-md-12"> 
    <label for="igShutdownTimer">Ignition ShutDown Timer:</label> 
    <cfset pos = listfind(inputList,"1_uint ")> 
    <select form="configDetail" id="igShutdownTimer" name="#daCFC.enc('1_uint')#" class="form-control" changeName="Ignition ShutDown Timer"> 
     <option value="0" <cfif pos and getParams.value[pos] is "0">selected</cfif>>0 Minutes</option> 
     <option value="10" <cfif pos and getParams.value[pos] is "10">selected</cfif>>10 Minutes</option> 
     <option value="20" <cfif pos and getParams.value[pos] is "20">selected</cfif>>20 minutes</option> 
     <option value="30" <cfif pos and getParams.value[pos] is "30">selected</cfif>>30 Minutes</option> 
     <option value="40" <cfif pos and getParams.value[pos] is "40">selected</cfif>>40 Minutes</option> 
     <option value="50" <cfif pos and getParams.value[pos] is "50">selected</cfif>>50 Minutes</option> 
     <option value="60" class="default" <cfif pos and getParams.value[pos] is "60">selected</cfif>>1 Hour</option> 
     <option value="120" <cfif pos and getParams.value[pos] is "120">selected</cfif>>2 hours</option> 
     <option value="240" <cfif pos and getParams.value[pos] is "240">selected</cfif>>4 Hours</option> 
     <option value="480" <cfif pos and getParams.value[pos] is "480">selected</cfif>>8 Hours</option> 
     <option value="720" <cfif pos and getParams.value[pos] is "720">selected</cfif>>12 hours</option> 
     <option value="1440" <cfif pos and getParams.value[pos] is "1440">selected</cfif>>24 Hours</option> 
     <option value="4294967295" <cfif pos and getParams.value[pos] is "4294967295">selected</cfif>>Unlimited</option> 
    </select> 
</div> 
<cfif not pos> 
    <script> 
     $('##igShutdownTimer option.default').prop('selected', true); 
    </script> 
</cfif> 

. Rory'nin Yanıt sonra kod Çalışma

<script> 
    $('#igShutdownTimer option[default="default"]').attr('selected','selected'); 
</script> 
<select form="configDetail" id="igShutdownTimer" name="9X26889E92489D" class="form-control" changeName="Ignition ShutDown Timer"> 
    <option value="0" >0 Minutes</option> 
    <option value="10" >10 Minutes</option> 
    <option value="20" >20 minutes</option> 
    <option value="30" >30 Minutes</option> 
    <option value="40" >40 Minutes</option> 
    <option value="50" >50 Minutes</option> 
    <option value="60" default="default">1 Hour</option> 
    <option value="120" >2 hours</option> 
    <option value="240" >4 Hours</option> 
    <option value="480" >8 Hours</option> 
    <option value="720" >12 hours</option> 
    <option value="1440" >24 Hours</option> 
    <option value="4294967295" >Unlimited</option> 
</select> 

birisi bu listede ve default="default" gösterilmesini olabileceği başka listede <option value="60" default="default">1 Hour</option> bulmak için gerekli seçici ile bana yardımcı olabilir

---

Answer 1

Kodu yükledikten sonra kodunuzu bir document.ready işleyicisine koymanız gerekir. Şu anda sizin script blok yürütülmektedir `seçme elemanı sayfasında bulunmaktadır önce: Bir sınıf kullanarak varsayılan option seçmek için prop() da attr() üzerinde ve kullanımı çok daha iyi bir uygulama olacağını söyledi

<script> 
    $(function() { 
     $('#igShutdownTimer option[default="default"]').attr('selected','selected'); 
    }); 
</script> 

, Kendi standart dışı özelliklerinizi oluştururken HTML'nizin geçersiz olduğu anlamına gelir. Böyle bir şey:

<select form="configDetail" id="igShutdownTimer" name="9X26889E92489D" class="form-control"> 
    <option value="0">0 Minutes</option> 
    <!-- other options... --> 
    <option value="60" class="default">1 Hour</option> 
</select> 

$(function() { 
    $('#igShutdownTimer option.default').prop('selected', true); 
});