在选择了JQuery的情况下更新一组<select multiple =“”>

Question

我有一个包含两组的页面，该页面具有附加的JQuery选择功能。 当用户单击复选框时，我需要 a）取两套选择之一的清单 b）对于每个选择，请阅读所选的选项 c）标记为已选择，实际上是未选择的选项之一 d）标记一个未选择的实际选择的选项之一 我所做的唯一部分是“ a）”： var regioni = document.getElementsByClassName（'regioni'）; 在regioni中，我有select的列表，但是现在我不知道其他部分的操作。 请仅使用纯JavaScript或JQuery解决方案。

1 个答案:

答案 0 :(得分：0)

a）如果您想要选择列表之一，可以执行以下操作：

var arr_select = [];
$("#select_id option").each(function(i,e){arr_select.push($(e).val())});

b）如果要选择每个值：

var select_1_value = $("#select_1_id").val();
var select_2_value = $("#select_2_id").val();

但是，如果您想要每个元素的文本，则可以尝试如下操作：

var select_1_text_selected = []; 
$("#select_id_1 option:selected").each(function(i,e){
   select_1_text_selected.push($(e).text())
});

var select_2_text_selected = []; 
$("#select_id_2 option:selected").each(function(i,e){
   select_2_text_selected.push($(e).text())
});

c）您需要将选择的属性提供给option元素，然后需要刷新所选的属性，您需要执行以下操作：

$("#select_id option[value='1001']").prop('selected',true);
$("#select_id").trigger('chosen:updated');

'1001'是来自现有选项元素的值。

d）您可以使用空选项构建选择，然后对其进行验证，然后向用户显示一条消息，要求他提供选项。

像这样的东西

<select id='select_1' class='chosen' data-placeholder='Please select something'>
    <option value=''></option>
    <option value='1001'> phone</option>
</select>

因此，您可以取消选择以下内容：

$("#select_id option[value='']").prop('selected',true);
$("#select_id option[value='1001']").prop('selected',false);
$("#select_id").trigger('chosen:updated');

相关问题

• 多选 - 选择jQuery
• Jquery Chosen：使用Tab键填充Multiple Select
• 动态更新选择
• 选择插件和多个选择
• 选择具有多个选定值的选择框
• 在所选选择框中更新选项的性能
• 在选择了JQuery的情况下更新一组<select multiple =“”>
• 选定的内容在变更后不更新
• 使用selected-js选择多个选项
• 多项选择

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

a）如果您想要选择列表之一，可以执行以下操作：

var arr_select = [];
$("#select_id option").each(function(i,e){arr_select.push($(e).val())});

b）如果要选择每个值：

var select_1_value = $("#select_1_id").val();
var select_2_value = $("#select_2_id").val();

但是，如果您想要每个元素的文本，则可以尝试如下操作：

var select_1_text_selected = []; 
$("#select_id_1 option:selected").each(function(i,e){
   select_1_text_selected.push($(e).text())
});

var select_2_text_selected = []; 
$("#select_id_2 option:selected").each(function(i,e){
   select_2_text_selected.push($(e).text())
});

c）您需要将选择的属性提供给option元素，然后需要刷新所选的属性，您需要执行以下操作：

$("#select_id option[value='1001']").prop('selected',true);
$("#select_id").trigger('chosen:updated');

'1001'是来自现有选项元素的值。

d）您可以使用空选项构建选择，然后对其进行验证，然后向用户显示一条消息，要求他提供选项。

像这样的东西

<select id='select_1' class='chosen' data-placeholder='Please select something'>
    <option value=''></option>
    <option value='1001'> phone</option>
</select>

因此，您可以取消选择以下内容：

$("#select_id option[value='']").prop('selected',true);
$("#select_id option[value='1001']").prop('selected',false);
$("#select_id").trigger('chosen:updated');