Easyui의 조합 상자의 값과 할당

최근 작업이 필요하여, 사용자가 드롭다운 목록을 클릭하면 다중 선택 효과를 시도해 보세요. 효과는 다음과 같습니다：

구현된 코드는 다음과 같습니다：

<select id="iweekDay" class="col-sm-4 폼-easyui 제어-combobox " name="state" data-options="multiple:true,multiline:true" style="width:350px;height:35px" >
<option value="1">1</option>
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
</select>

가장 중요한 것은: multiple: true는 드롭다운 목록이 다중 선택을 할 수 있음을 의미합니다. 단일 선택이면: multiple: false

아래는 combobox의 값 추출 및 할당을 요약합니다.

2、할당

（1）단일 선택 할당 setValue

jQuery('#Id').combobox('setValue','키')

（2）다중 선택 할당 setValues

다중 선택 키 값은 배열입니다. jQuery('#Id').combobox('setValues','키1, 키2, 키3'.split(',')

주의: '키1, 키2, 키3'.split(',')를 사용하여 문자열을 배열로 분할합니다. combobox의 두 번째 매개변수는 배열입니다.

3.값 추출

（1）단일 선택 값 getValue

jQuery('#Id').combobox('getValue')

（2）다중 선택 값 getValues

다중 선택 키 값은 배열입니다. jQuery('#Id').combobox('getValues')

주의: 얻은 값은 배열입니다. 예를 들어, 쉼표로 구분된 문자열로 변환하려면 예를 들어（1,2,3），join 메서드를 사용하여 코드는 다음과 같습니다：

var str = jQuery('#Id').combobox('getValues').join(',');

PS: 아래는 easyui selectbox 할당 및 값 추출의 전체 코드를 확인해 보세요.

할당 및 값 추출

// 재정의할 배너
var storeName_value = '@ViewBag.StoreName';
var department_value = '@ViewBag.Department';
var changeDate_value = '@ViewBag.ChangeDate';
jQuery('#StoreName option:selected').text(storeName_value); 
$('#Department option:selected').text(department_value);
//$('#StoreName').combobox('setValue', storeName_value);
//$('#Department').combobox('setValue', department_value);
// searchBtn 바인드
$('#this_submit').bind('click', function () {
// var st = $('#StoreName option:selected').text().trim();
// var dep = $('#Department option:selected').text().trim();
var st = $('#StoreName').combobox('getValue');
var dep = $('#Department').combobox('getValue');
var changeDate = $('#datepicker').val();
var href = '../';
href += '&storeName=' + st + '&department=' + dep + '&changeDate=' + changeDate;
href += '&page='1&size=8';
window.location.href = href;
});

이상의 내용은 편집자가 여러분께 소개한 Easyui의 콤보박스의 값 가져오기와 값 대입에 대해 설명드렸습니다. 여러분께 도움이 되길 바랍니다. 어떤 질문이나 의문이 있으시면 댓글을 달아 주세요. 편집자는 즉시 답변을 드리겠습니다. 또한,呐喊 교본 웹사이트에 대한 여러분의 지원에 깊이 감사드립니다!