如何使用jQuery/javascript在下拉列表(多选）中设置数组对象的值

how to Set the values of array object as selected in dropdown list(multiselect) using jquery/javascript

本文关键字：设置 数组 对象 多选 jQuery 何使用 javascript 下拉列表      更新时间：2023-09-26
var selectedCity = [{ cityid:"1" }, { cityid:"3" }]

.HTML：

City:<select name="city" multiple>
    <option value="1">Bombay</option>
    <option value="2">Chennai</option>
    <option value="3">Bangalore</option>
    <option value="4">Calcutta</option>
    <option value="5">Delhi</option>
     </select>

我有一个数组对象，即具有所选城市值的选定城市。

现在如何使用jquery每个函数将这些数组值设置为下拉列表中的选择，以便在下拉列表框中选择了孟买（1）和班加罗尔（3）

这是你应该怎么做

 <select name="cars" multiple>
  <option selected="selected" value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option selected="selected" value="opel">Opel</option>
  <option value="audi">Audi</option>
</select`>`

你来了：

var values = [];
$.each(selectedCity, function( ){
    values.push(this.cityid);
});
$('select').val(values);

创建一个列表，将每个 val 推送到列表中，并从选择中将其设置为 val。
多选值作为列表：.val([1,3])

这是我的做法，只需发送这些名称即可

Javascript：

循环遍历对象 

for (var key in selectedCity) {
     $('select>option:eq(key.cityid)').prop('selected', true);
}

.HTML：

<select multiple>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
相关文章：