Функция запуска 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?> 

• Первое значение, которое приходит из БД.

Как я упоминал ранее, скрипт работает только на первом поле ...

Answer 1

Вы используете 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

Got это .... никакой другой способ, то сервер сторона к сожалению

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

     return $data; 
    }//end capitalize()