JS获取select option获取选中的值多选

Posted 2023-04-16

代码<div class="row-fluid">
<select multiple class="chzn-select" name="recipients" id="form-field-select-4"

data-placeholder="选择收件人、可选择多个">
<option value="$pd.recipients "></option>
<c:forEach items="$userList" var="menu">
<option value='".$menu.USERNAME ."'>$menu.USERNAME </option>
</c:forEach>
</select>
</div>
怎样用js获取选中的值

纯JS

var e = document.getElementById("form-field-select-4");
alert(getSelectValues(e));
// Return an array of the selected opion values
// select is an HTML select element
function getSelectValues(select) 
  var result = [];
  var options = select && select.options;
  var opt;

  for (var i=0, iLen=options.length; i<iLen; i++) 
    opt = options[i];

    if (opt.selected) 
      result.push(opt.value || opt.text);
    
  
  return result;

JQuery

 var selectedValues = [];    
 $("#form-field-select-4 :selected").each(function()
     selectedValues.push($(this).val()); 
 );
 alert(selectedValues);

参考技术A

纯JS

var e = document.getElementById("form-field-select-4");alert(getSelectValues(e));// Return an array of the selected opion values；// select is an HTML select element；function getSelectValues(select) ；var result = [];var options = select && select.options;var opt;for (var i=0, iLen=options.length; i<iLen; i++) opt = options[i];if (opt.selected) result.push(opt.value || opt.text);        return result;

参考技术B http://www.jb51.net/article/42523.htm 参考技术C $(#+select标签的id) 不就OK了吗

js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值



jQuery中获得选中select值

第一种方式
$(‘#testSelect option:selected‘).text();//选中的文本

$(‘#testSelect option:selected‘) .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

 

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;