استخراج القيم وتعيين القيم في مربع التحكم الخاص بـ Easyui

بسبب الحاجة إلى العمل مؤخرًا، يمكن للمستخدم تجربة تأثير الاختيار المتعدد عند النقر على القائمة المنسدلة، والنتيجة كما في الصورة التالية:

النص التالي للكود:

<select id="iweekDay" class="col-sm-4 form-control 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

$('#Id').combobox('setValue','key')

(2) تعيين القيم setValues

قيمة المفتاح في الاختيار المتعدد هي مجموعة، $('#Id').combobox('setValues','key1,key2,key3'.split(','))

ملاحظة: 'key1,key2,key3'.split(',') تقوم بتقسيم النص إلى مجموعة، لأن الثانية هي مجموعة

3. استخراج القيمة

(1) استخراج القيمة getValue

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

(2) استخراج القيم getValues

قيمة المفتاح في الاختيار المتعدد هي مجموعة، $('#Id').combobox('getValues')

ملاحظة: القيمة المستخرجة هي مجموعة، إذا كنت ترغب في تحويلها إلى نص مفصول بفاصلة مثل ('1,2,3')، استخدم طريقة join، الرمز كالتالي:

قيمة str هي اتحاد القيم من $('#Id').combobox('getValues') بفصلها بفاصلة،

ملاحظة: سنجد أدناه رمز easyui selectbox لتحديد القيمة واستخراجها كاملاً

تعيين استخراج

// تعريف الشريط الجانبي من جديد
قيمة storeName_value هي '@ViewBag.StoreName';
قيمة department_value هي '@ViewBag.Department';
قيمة changeDate_value هي '@ViewBag.ChangeDate';
النص المحدد لخيار 'StoreName' هو storeName_value; 
النص المحدد لخيار 'Department' هو department_value;
//$('#StoreName').combobox('setValue', storeName_value);
//$('#Department').combobox('setValue', department_value);
// bind 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 Combobox للحصول على القيم وتسليمها، آمل أن يكون مفيدًا لك. إذا كان لديك أي استفسارات، فأترك لي تعليقًا، وسأقوم بالرد عليك في أقرب وقت. وأنا أيضًا أتقدم بالشكر للجميع على دعم موقع呐喊 التعليمي!