Невозможно выбрать вариант с javascript / jquery [duplicate]
Главный ответ отличный. Вот что я должен был на обычной установке debian / php / mysql:
// storage
// debian. apparently already utf-8
// retrieval
// the mysql database was stored in utf-8,
// but apparently php was requesting iso. this worked:
// ***notice "utf8", without dash, this is a mysql encoding***
mysql_set_charset('utf8');
// delivery
// php.ini did not have a default charset,
// (it was commented out, shared host) and
// no http encoding was specified in the apache headers.
// this made apache send out a utf-8 header
// (and perhaps made php actually send out utf-8)
// ***notice "utf-8", with dash, this is a php encoding***
ini_set('default_charset','utf-8');
// submission
// this worked in all major browsers once apache
// was sending out the utf-8 header. i didnt add
// the accept-charset attribute.
// processing
// changed a few commands in php, like substr,
// to mb_substr
, которая была всем!
13 ответов
Решение:
$("#element-id").val('the value of the option');
-
1– Oliver 5 June 2013 в 20:06
-
2– Ahmad hamza 2 August 2014 в 08:30
-
3– Harold SOTA 2 August 2014 в 10:58
-
4– Moxet Khan 4 January 2016 в 17:56
Я сделал бы это так
$("#idElement").val('optionValue').trigger('change');
-
1– Uzumaki Naruto 14 December 2016 в 16:45
-
2– Ullullu 11 May 2017 в 14:53
ответ с id:
$('#selectBoxId').find('option:eq(0)').attr('selected', true);
Элементы выбора HTML имеют свойство selectedIndex , которое может быть записано, чтобы выбрать конкретную опцию:
$('select').prop('selectedIndex', 3); // select 4th option
Используя простой JavaScript, это может быть достигнуто путем :
// use first select element
var el = document.getElementsByTagName('select')[0];
// assuming el is not null, select 4th option
el.selectedIndex = 3;
-
1– Denys Séguret 31 January 2013 в 20:13
-
2– Guy Korland 12 May 2013 в 09:02
-
3– Ja͢ck 12 May 2013 в 14:17
-
4– Guy Korland 12 May 2013 в 21:48
-
5– Ja͢ck 13 May 2013 в 03:11
$('select>option:eq(3)').attr('selected', 'selected');
Одно предупреждение здесь, если у вас есть просмотр javascript для события изменения select / option, вам нужно добавить .trigger('change'), чтобы код стал.
$('select>option:eq(3)').attr('selected', 'selected').trigger('change');
, поскольку только вызов .attr('selected', 'selected') не вызывает событие
Я предпочитаю nth-child () для eq (), поскольку он использует индексирование на основе 1, а не 0, что немного легче в моем мозгу.
//selects the 2nd option
$('select>option:nth-child(2)').attr('selected', true);
-
1– TCB13 2 February 2012 в 00:24
Try with the below codes. All should work.
$('select').val(2);
$('select').prop('selectedIndex', 1);
$('select>option[value="5"]').prop('selected', true);
$('select>option:eq(3)').attr('selected', 'selected');
$("select option:contains(COMMERCIAL)").attr('selected', true);
Попробуйте следующее:
$('#mySelectElement option')[0].selected = true;
С уважением!
Используйте следующий код, если вы хотите выбрать опцию с определенным значением:
$('select>option[value="' + value + '"]').prop('selected', true);
-
1– Zeeshan 17 December 2015 в 13:06
-
2– Azghanvi 7 July 2017 в 06:21
С элементом '' обычно мы используем атрибут value. Это облегчит настройку:
$('select').val('option-value');
, если ваши параметры имеют значение, вы можете сделать это:
$('select').val("the-value-of-the-option-you-want-to-select");
'select' будет идентификатором вашего выбора или селектора классов. или если есть только один выбор, вы можете использовать тег, как в примере.
-
1– chapman84 24 April 2012 в 19:01