各フィールドでJquery関数を実行します。

Question

Sqlの選択オプション値を大文字にしたいと考えています。 さて、次のコードは正常に動作します - しかし、最初のフィールドだけに...

function capitalize(str){ 
var text = str.text().replace(/^(.)|\s(.)/g, function($1){ return $1.toUpperCase(); }); 
return str.text(text); 
}capitalize($('#op')); 

私のHTMLフィールドがある（私はPUG/JADEで働いていると、これがしようとしてのために私の最高である。このようになります

<select class="select_input"> 
<option value=$emp['id'] id="op" selected="selected">$emp['value']</option>* 
<?php foreach ($type as $type_val) ?> 
<option value=$type_val['id']>$type_val['val']</option> 
<?php endforeach?> 

<select class="select_input"> 
<option value=$emp['id'] id="op" selected="selected">$emp['value']</option>* 
<?php foreach ($type as $type_val) ?> 
<option value=$type_val['id']>$type_val['val']</option> 
<?php endforeach?> 

• DBから来て最初の値：デモンストレーションの目的）のために変換します。私は前に述べたように、スクリプトは最初のフィールドだけで実行されます

...

Answer 1

あなたは間違った方法でidを使用しています。各IDはhtmlページで一意でなければなりません。

// will work only for first object 
capitalize($('#op')) 

てみクラスを使用する代わりに

<select class="select_input"> 
<option value=$emp['id'] id="op" class="option" selected="selected">$emp['value'] </option>* 
<?php foreach ($type as $type_val) ?> 
<option value=$type_val['id'] class="option">$type_val['val']</option> 
<?php endforeach?> 


capitalize($(".option")) 

Answer 2

あなたがだけで、各ドロップダウン項目を活用するためにCSSを使用することができます。

#op > option { 
    text-transform: capitalize; 
} 

Answer 3

は....他の方法、サーバーを、それを手に入れたん残念ながら

public function capitalize($arr) 
    { 
    foreach ($arr as $key => $val) { 
     $data[$key] = ucfirst($val); 
    } 

     return $data; 
    }//end capitalize()