පහත වැටීමෙන් තෝරාගත් විකල්පයක් ලබා ගන්න

සාමාන්‍යයෙන් මම $("#id").val()තෝරාගත් විකල්පයේ වටිනාකම නැවත ලබා දීමට භාවිතා කරමි , නමුත් මෙවර එය ක්‍රියාත්මක නොවේ. තෝරාගත් ටැගයෙහි හැඳුනුම්පත ඇතaioConceptName

html කේතය

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

පතන විකල්ප සඳහා ඔබට බොහෝ විට මෙවැනි දෙයක් අවශ්‍ය වේ:

var conceptName = $('#aioConceptName').find(":selected").text();

val()උපක්‍රමය නොකිරීමට හේතුව, විකල්පයක් ක්ලික් කිරීමෙන් ඩ්‍රොප් ඩවුන් හි වටිනාකම වෙනස් නොවන බැවිනි - එය :selectedතෝරාගත් විකල්පයට දේපල එකතු කරන අතර එය ඩ්‍රොප් ඩවුන් හි දරුවෙකි .

එක් එක් විකල්ප සඳහා අගයන් සකසන්න

<select id="aioConceptName">
    <option value="0">choose io</option>
    <option value="1">roma</option>
    <option value="2">totti</option>
</select>

$('#aioConceptName').val()ගුණාංගය .val()ආපසු ලබා දෙන නිසා වැඩ කළේ නැත value. එය නිසියාකාරව ක්‍රියාත්මක වීමට නම්, valueඑක් එක් ගුණාංග ආරෝපණය කළ යුතුය <option>.

අන් අය විසින් යෝජනා කරනු ලබන $('#aioConceptName').val()මේ :selectedවොඩූ වෙනුවට දැන් ඔබට ඇමතිය හැකිය .

මම මෙම ප්‍රශ්නයට පැකිලී එලියට් බොන්නිවිල්ගේ පිළිතුරේ වඩාත් සංක්ෂිප්ත අනුවාදයක් වර්ධනය කළෙමි:

var conceptName = $('#aioConceptName :selected').text();

හෝ සාමාන්‍යයෙන්:

$('#id :pseudoclass')

මෙය ඔබට අමතර jQuery ඇමතුමක් ඉතිරි කරයි, සෑම දෙයක්ම එක පහරකින් තෝරා ගනී, සහ වඩාත් පැහැදිලිය (මගේ මතය).

වටිනාකම සඳහා මෙය උත්සාහ කරන්න ...

$("select#id_of_select_element option").filter(":selected").val();

හෝ මෙය පෙළ සඳහා ...

$("select#id_of_select_element option").filter(":selected").text();

ඔබ සිදුවීම් සන්දර්භය තුළ නම්, jQuery හි, ඔබට තෝරාගත් විකල්ප අංගය ලබා ගත හැකිය:
$(this).find('option:selected')මේ වගේ:

$('dropdown_selector').change(function() {
    //Use $option (with the "$") to see that the variable is a jQuery object
    var $option = $(this).find('option:selected');
    //Added with the EDIT
    var value = $option.val();//to get content of "value" attrib
    var text = $option.text();//to get <option>Text</option> content
});

සංස්කරණය කරන්න

PossessWithin සඳහන් කළ පරිදි , මගේ පිළිතුර ප්‍රශ්නයට පිළිතුරු සපයයි: තෝරාගත් "විකල්පය" තෝරා ගන්නේ කෙසේද.

ඊළඟට, විකල්ප අගය ලබා ගැනීමට, භාවිතා කරන්න option.val().

සරල පැරණි ජාවාස්ක්‍රිප්ට් භාවිතා කිරීම ගැන ඔබ සලකා බැලුවද?

var box = document.getElementById('aioConceptName');

conceptName = box.options[box.selectedIndex].text;

ජාවාස්ක්‍රිප්ට් සමඟ විකල්ප පෙළක් / අගයක් ලබා ගැනීමද බලන්න

$('#aioConceptName option:selected').val();

තේරීමක වටිනාකම (පෙළ නොවේ) කියවීම:

var status = $("#Status").val();
var status = $("#Status")[0].value;
var status = $('#Status option:selected').val();

තේරීමක් අක්‍රිය කරන්නේ කෙසේද? ප්‍රභේද දෙකෙහිම, අගය භාවිතා කර වෙනස් කළ හැකිය:

ඒ

පතන සමඟ පරිශීලකයාට අන්තර්ක්‍රියා කළ නොහැක. වෙනත් විකල්ප තිබිය හැකිදැයි ඔහු නොදනී.

$('#Status').prop('disabled', true);

බී

ඩ්‍රොප් ඩවුන් හි ඇති විකල්පයන් පරිශීලකයාට දැකිය හැකි නමුත් ඒවා සියල්ලම අක්‍රීය කර ඇත:

$('#Status option').attr('disabled', true);

මෙම අවස්ථාවේ දී, $("#Status").val() වැඩ කරන්නේ jQuery අනුවාද සඳහා පමණි1.9.0 . අනෙක් සියලුම ප්‍රභේද ක්‍රියා කරනු ඇත.

ආබාධිත තේරීමක් යාවත්කාලීන කරන්නේ කෙසේද?

පිටුපස ඇති කේතයෙන් ඔබට තේරීමේදී වටිනාකම යාවත්කාලීන කළ හැකිය. එය අක්‍රිය කර ඇත්තේ පරිශීලකයින් සඳහා පමණි:

$("#Status").val(2);

සමහර අවස්ථාවල ඔබට සිදුවීම් වෙඩි තැබීමට අවශ්‍ය විය හැකිය:

$("#Status").val(2).change();

<select id="form-s" multiple="multiple">
    <option selected>city1</option>
    <option selected value="c2">city2</option>
    <option value="c3">city3</option>
</select>   
<select id="aioConceptName">
    <option value="s1" selected >choose io</option>
    <option value="s2">roma </option>
    <option value="s3">totti</option>
</select>
<select id="test">
    <option value="s4">paloma</option>
    <option value="s5" selected >foo</option>
    <option value="s6">bar</option>
</select>
<script>
$('select').change(function() {
    var a=$(':selected').text(); // "city1city2choose iofoo"
    var b=$(':selected').val();  // "city1" - selects just first query !
    //but..
    var c=$(':selected').map(function(){ // ["city1","city2","choose io","foo"]
        return $(this).text();
    }); 
    var d=$(':selected').map(function(){ // ["city1","c2","s1","s5"]
        return $(this).val();
    });
    console.log(a,b,c,d);
});
</script>

ඔබ මෙම වාක්‍ය ඛණ්ඩය භාවිතා කළ යුතුය:

var value = $('#Id :selected').val();

එබැවින් මෙම කේතය උත්සාහ කරන්න:

var values = $('#aioConceptName :selected').val();

ඔබට ෆිදෙල් හි පරීක්ෂා කළ හැකිය: http://jsfiddle.net/PJT6r/9/

මෙම ලිපියෙන් මෙම පිළිතුර බලන්න

JQuery භාවිතා කරමින්, a එකතු කරන්න change සිදුවීමක් තෝරාගත් අගය හෝ පෙළ එම හසුරුව තුළ ලබා ගන්න.

ඔබට තෝරාගත් පෙළ අවශ්‍ය නම් කරුණාකර මෙම කේතය භාවිතා කරන්න:

$("#aioConceptName").change(function () {
    alert($("#aioConceptName :selected").text())
});

හෝ ඔබට තෝරාගත් අගයක් අවශ්‍ය නම්, කරුණාකර මෙම කේතය භාවිතා කරන්න:

$("#aioConceptName").change(function () {
    alert($("#aioConceptName :selected").attr('value'))
});

jQuery.val()තෝරාගත් අංග සඳහා ශ්‍රිතය භාවිතා කරන්න :

.Val () ක්‍රමය මූලික වශයෙන් භාවිතා කරනුයේ ආදාන, තේරීම සහ ටෙක්ස්ටාරියා වැනි ආකෘති මූලද්‍රව්‍යවල අගයන් ලබා ගැනීම සඳහා ය. තෝරාගත් මූලද්‍රව්‍ය සම්බන්ධයෙන් ගත් කල, nullවිකල්පයක් තෝරා නොගත් විට එය නැවත පැමිණෙන අතර අවම වශයෙන් එකක්වත් ඇති විට තෝරාගත් එක් එක් විකල්පයේ අගය අඩංගු අරාවක් ඇති අතර multipleගුණාංගය පවතින බැවින් තවත් තෝරා ගැනීමට හැකිය .

$(function() {
  $("#aioConceptName").on("change", function() {
    $("#debug").text($("#aioConceptName").val());
  }).trigger("change");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<select id="aioConceptName">
  <option>choose io</option>
  <option>roma</option>
  <option>totti</option>
</select>
<div id="debug"></div>

හොඳම පිළිතුර සොයාගත් ඕනෑම කෙනෙකුට එය සාර්ථක නොවේ.

භාවිතා කිරීමට උත්සාහ කරන්න:

  $( "#aioConceptName option:selected" ).attr("value");

මෑත කාලීන ව්‍යාපෘති වල මා වෙනුවෙන් වැඩ කරන බැවින් ඒ පිළිබඳව සොයා බැලීම වටී.

මෙය ක්‍රියාත්මක විය යුතුය:

var conceptName = $('#aioConceptName').val();

කෙලින්ම ඉදිරියට හා පහසුය:

ඔබේ පහත වැටීම

<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

තෝරාගත් අගය ලබා ගැනීම සඳහා Jquery කේතය

$('#aioConceptName').change(function() {
    var $option = $(this).find('option:selected');

    //Added with the EDIT
    var value = $option.val(); //returns the value of the selected option.
    var text = $option.text(); //returns the text of the selected option.
});

තෝරාගත් ටැගයේ වටිනාකම ලබා ගැනීම සඳහා:

 $('#id_Of_Parent_Selected_Tag').find(":selected").val();

ඔබට පෙළ ලබා ගැනීමට අවශ්‍ය නම් මෙම කේතය භාවිතා කරන්න:

 $('#id_Of_Parent_Selected_Tag').find(":selected").text();

උදාහරණයක් වශයෙන්:

<div id="i_am_parent_of_select_tag">
<select>
        <option value="1">CR7</option>
        <option value="2">MESSI</option>
</select>
</div>


<script>
 $('#i_am_parent_of_select_tag').find(":selected").val();//OUTPUT:1 OR 2
 $('#i_am_parent_of_select_tag').find(":selected").text();//OUTPUT:CR7 OR MESSI
</script>

ඔබට එය මේ ආකාරයෙන් නිදොස් කිරීමට උත්සාහ කළ හැකිය:

console.log($('#aioConceptName option:selected').val())

පෙළ නෝඩය වෙනුවට 'අගය' ගුණාංගය ලබා ගැනීමට ඔබට අවශ්‍ය නම්, මෙය ඔබ වෙනුවෙන් වැඩ කරනු ඇත:

var conceptName = $('#aioConceptName').find(":selected").attr('value');

මේකට උත්සාහ කරන්න

$(document).ready(function() {

    $("#name option").filter(function() {
        return $(this).val() == $("#firstname").val();
    }).attr('selected', true);

    $("#name").live("change", function() {

        $("#firstname").val($(this).find("option:selected").attr("value"));
    });
});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Elvis">Elvis</option> 
<option value="Frank">Frank</option> 
<option value="Jim">Jim</option> 
</select>

<input type="text" id="firstname" name="firstname" value="Elvis" readonly="readonly">

$('nameofDropDownList').prop('selectedIndex', whateverNumberasInt);

ඩීඩීඑල් දර්ශක සහිත අරාවක් ලෙස සිතන්න, ඔබ එක් දර්ශකයක් තෝරා ගනී. ඔබේ JS සමඟ එය සැකසීමට අවශ්‍ය එකක් තෝරන්න.

මෙය වඩා හොඳින් තේරුම් ගැනීමට සහ පහත උත්සාහ කිරීමට උපකාරී වනු ඇතැයි මම බලාපොරොත්තු වෙමි,

$('select[id="aioConceptName[]"] option:selected').each(function(key,value){
   options2[$(this).val()] = $(this).text();
   console.log(JSON.stringify(options2));
});

වැඩි විස්තර සඳහා කරුණාකර http://www.drtuts.com/get-value-multi-select-dropdown-without-value-attribute-using-jquery/

ඔයාට පාවිච්චි කරන්න පුළුවන් $("#drpList").val();

ඔබට මෙය කළ හැකි එකම පන්තියේ = නමක් සහිත තේරීමක් ලබා ගැනීමට, තෝරාගත් විකල්පයක් තෝරාගෙන තිබේදැයි පරීක්ෂා කිරීමට.

var bOK = true;
$('.optKategorien').each(function(index,el){
    if($(el).find(":selected").text() == "") {
        bOK = false;
    }
});

මම එකම ප්රශ්නය, එය මගේ නඩුව මත වැඩ නැහැ ඇයි මම හදුනාගත්තා
මෙම html පිටුවේ වෙනස් html කොටස් වලට කඩා බෙදා මම මම එකම අංකය කරගෙන යන බව වෙනත් ආදාන ක්ෂේත්රය ඇති බව සොයා selectයන නිසා වන val()සෑම විටම හිස් බවක්
සමාන ගැටලුවක් ඇති ඕනෑම කෙනෙකුට මෙය දවස ඉතිරි කර දෙනු ඇතැයි මම බලාපොරොත්තු වෙමි.

use ("# id") භාවිතා කිරීමට. val, ඔබ මෙවැනි විකල්පයට අගයක් එක් කළ යුතුය:

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option value="choose">choose io</option>
</select>

වෙනත්, ඔබට භාවිතා කළ හැකිය

   $("#aioConceptName").find(':selected').text();

මම හිතනවා ඒක උදව් කරයි කියලා ..

මෙන්න මෙම ගැටළුව සඳහා සරල විසඳුම.

$("select#aioConceptName").change(function () {
           var selectedaioConceptName = $('#aioConceptName').find(":selected").val();;
           console.log(selectedaioConceptName);
        });

උත්සාහ කරන්න

aioConceptName.selectedOptions[0].value

let val = aioConceptName.selectedOptions[0].value

console.log('selected value:',val);

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

බොහෝ විට මේ ආකාරයේ ඔබේ හොඳම ඔට්ටුව නම් දැනට තෝරාගෙන ඇති අගය සොයා ගැනීම සඳහා jQuery හි වෙනස් කිරීමේ ක්‍රමය භාවිතා කිරීමයි:

$('#aioConceptName').change(function(){

   //get the selected val using jQuery's 'this' method and assign to a var
   var selectedVal = $(this).val();

   //perform the rest of your operations using aforementioned var

});

මම මෙම ක්‍රමයට වැඩි කැමැත්තක් දක්වන්නේ ඔබට තෝරාගත් ක්ෂේත්‍රයක් තුළ තෝරාගත් සෑම විකල්පයක් සඳහාම කාර්යයන් කළ හැකි බැවිනි.

උපකාරවත් වන බලාපොරොත්තුව!

සාමාන්‍යයෙන් ඔබට අවශ්‍ය වන්නේ තෝරාගත් අගය ලබා ගැනීම පමණක් නොව, යම් ක්‍රියාමාර්ගයක් ද ක්‍රියාත්මක කිරීමයි. එසේ නම්, සියලු jQuery මැජික් වලින් වැළකී තෝරාගත් අගය ක්‍රියාකාරී ඇමතුමට තර්කයක් ලෙස යොමු නොකරන්නේ ඇයි?

<select onchange="your_action(this.value)">
   <option value='*'>All</option>
   <option ... />
</select>

නිශ්චිත තෝරාගත් විකල්පයක් භාවිතා කර ඔබට තෝරා ගත හැකිය: පහත දැක්වෙන්නේ අභ්‍යන්තර ටෙක්ස්ට් ය

$("select#aioConceptName > option:selected").text()

පහත දැක්වෙන අතර ඔබට වටිනාකමක් ලබා දෙනු ඇත.

$("select#aioConceptName > option:selected").val()