javascript - مطاطية - كيفية عمل قائمة منسدلة مفلترة




الحصول على النص المحدد من قائمة منسدلة(حدد مربع) باستخدام jQuery (20)

إذا كان لديك بالفعل قائمة منسدلة متاحة في متغير ، فهذا هو ما يناسبني:

$("option:selected", myVar).text()

ساعدت الإجابات الأخرى على هذا السؤال ، ولكن في نهاية المطاف موضوع منتدى jQuery $ (هذا + "الخيار: المحدد"). لا يعمل خيار attr ("rel") المحدد في IE أكثر.

تحديث: إصلاح الرابط أعلاه

كيف يمكنني الحصول على النص المحدد (وليس القيمة المحددة) من قائمة منسدلة في jQuery؟


إذا كنت تريد النتيجة كقائمة ، فاستخدم:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

الإجابات المنشورة هنا ، على سبيل المثال ،

$('#yourdropdownid option:selected').text();

لم يعمل لي ، ولكن هذا لم:

$('#yourdropdownid').find('option:selected').text();

ربما تكون نسخة قديمة من jQuery.


بالنسبة لأولئك الذين يستخدمون قوائم SharePoint ولا يريدون استخدام المعرف الذي تم إنشاؤه منذ فترة طويلة ، سيعمل ذلك على:

var e = $('select[title="IntenalFieldName"] option:selected').text();

جرب هذا:

$("#myselect :selected").text();

للحصول على قائمة منسدلة ASP.NET ، يمكنك استخدام المحدد التالي:

$("[id*='MyDropDownId'] :selected")

حدد النص والقيمة المحددة في القائمة المنسدلة / حدد حدث التغيير في jQuery

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

عملت التالية لي:

$.trim($('#dropdownId option:selected').html())

في حالة الأخوة

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

للحصول على استخدام القيمة المحددة

$('#dropDownId').val();

وللحصول على نص العنصر المحدد ، استخدم هذا السطر:

$("#dropDownId option:selected").text();

للحصول على نص العنصر المحدد ، استخدم:

$('select[name="thegivenname"] option:selected').text();

للحصول على قيمة العنصر المحدد ، استخدم:

$('select[name="thegivenname"] option:selected').val();

هذا العمل بالنسبة لي:

$("#city :selected").text();

أنا أستخدم jQuery 1.10.2


هذا يعمل بالنسبة لي

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

إذا تم إنشاء العنصر ديناميكيًا

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

يرجى استخدام هذا

var listbox = document.getElementById("yourdropdownid");
var selIndex = listbox.selectedIndex;
var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;   

ثم الرجاء تنبيه "selValue" و "selText". يمكنك الحصول على قيمة القائمة المنسدلة والنص


$("#DropDownID").val() سيقوم $("#DropDownID").val() بإعطاء قيمة الفهرس المحددة.


 $("#selectID option:selected").text();

بدلاً من #selectID يمكنك استخدام أي محدد jQuery ، مثل .selectClass باستخدام الفصل.

كما ذكر في الوثائق here .

يعمل المحدد المحدد على عناصر <option>. لا يعمل مع مربعات الاختيار أو مدخلات الراديو ؛ الاستخدام :checked لهم.

.text () حسب الوثائق here .

احصل على محتويات النص المدمجة لكل عنصر في مجموعة العناصر المتطابقة ، بما في ذلك أحفادها.

حتى تتمكن من أخذ النص من أي عنصر HTML باستخدام طريقة .text() .

راجع الوثائق للحصول على تفسير أعمق.


$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

$("#yourdropdownid option:selected").text();

$("option:selected", $("#TipoRecorde")).text()

$('#id').find('option:selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;




jquery-selectors