<select id="selectnav1" class="selectnav">
<option value="">- Navigation -</option>
<option selected="" value="javascript:void">Category 1</option>
<option value="javascript:void">Airbrush tanning</option>
<option value="javascript:void">Category 3</option>
<option value="javascript:void">Category 4</option>
<option value="javascript:void">Category 5</option>
<option value="javascript:void">Category 6</option>
</select>

Я хочу заменить / установить текст внутри атрибута значения основным текстом внутри элемента option. Пример: для первого варианта, то есть категории 1, я хочу изменить javascript: void на «категорию 1», и то же самое относится ко всем другим параметрам.

jsbin

0
Orahmax 1 Май 2014 в 13:35

4 ответа

Лучший ответ

Ты можешь это сделать:

$('#selectnav1 > option:gt(0)').val(function(){
    return $(this).text();
});

Селектор gt означает больше, чем индекс.

5
Amit Joki 1 Май 2014 в 09:58

Вы можете попробовать этот способ, вы можете пропустить любое значение параметра

$('#selectnav1 > option').each(function(i, o){
    if(i > 0)
      o.value = o.text;
});
1
Girish 1 Май 2014 в 09:41

Это должно работать

$('#selectnav1 > option').val(function(){
    $(this).val($(this).html());
});
0
Vivek Viswanathan 1 Май 2014 в 09:37
            $('#selectnav1 option').each(function() {

            $(this).val($(this).text());
        });
0
Vivekh 1 Май 2014 в 09:49