선택 요소에서 선택한 옵션 가져오기

선택 요소에서 선택한 옵션 가져오기

드롭다운에서 선택한 옵션을 가져와서 다음과 같이 해당 텍스트로 다른 항목을 채우려고 합니다.IE가 폭풍을 일으키고 있지만 Firefox에서는 작동하지 않습니다.

$('#ddlCodes').change(function() {
  $('#txtEntry2').text('#ddlCodes option:selected').text();
});

내가 뭘 잘못하고 있는 거지?

다음은 짧은 버전입니다.

$('#ddlCodes').change(function() {
  $('#txtEntry2').text($(this).find(":selected").text());
});

카림79는 잘 잡았습니다, 당신의 요소 이름으로 판단합니다.txtEntry2텍스트 상자일 수도 있습니다. 입력의 종류가 있다면, 당신은 사용해야 합니다..val()대신에 또는.text()다음과 같이:

  $('#txtEntry2').val($(this).find(":selected").text());

질문의 "What's Wrong?" 부분에 대해:.text()선택기를 사용하지 않거나 설정할 텍스트가 필요하거나 이미 있는 텍스트를 반환하지 않습니다.그래서 당신은 당신이 원하는 텍스트를 가져온 다음 그것을 그 안에 넣어야 합니다..text(string)설정하려는 객체에 대한 방법입니다. 위에 있는 것처럼.

사용해 보십시오.

$('#ddlCodes').change(function() {
  var option = this.options[this.selectedIndex];
  $('#txtEntry2').text($(option).text());
});

다음은 작동해야 하는 짧은 버전입니다.

 $('#ddlCodes').change(function() {
      $('#txtEntry2').text(this.val());
    });

더 적은 jQuery 사용 시:

<select name="ddlCodes"
 onchange="$('#txtEntry2').text(this.options[this.selectedIndex].value);">

this.options[this.selectedIndex].value일반 JavaScript입니다.

(출처:독일어 자체 HTML)

코드를 따라 해보십시오.

$('#ddlCodes').change(function() {
  $('#txtEntry2').val(  $('#ddlCodes :selected').text() );
});

선택한 요소의 수를 알려면 다음을 사용합니다.

$("select option:selected").length

선택한 모든 요소의 값을 가져오려면

    var str = "";
  $("select option:selected").each(function () {
        str += $(this).text() + " ";
      });

선택한 옵션 속성(HTML5)을 사용하여 선택한 옵션을 얻을 수 있습니다.

document.getElementbyId("id").selectedOptions; 

JQuery를 사용할 경우 다음과 같이 수행할 수 있습니다.

$("#id")[0].selectedOptions; 

또는

$("#id").prop("selectedOptions");

속성에 이 하나의 선택한 옵션과 유사한 HTMLCollection 배열이 포함되어 있습니다.

[<option value=​"1">​ABC</option>]

또는 다중 선택

[<option value=​"1">​ABC</option>, <option value=​"2">​DEF</option> ...]

이것은 저에게 효과가 있었습니다.

$("#SelectedCountryId_option_selected")[0].textContent

첫 번째 부분은 다음과 같은 드롭다운 메뉴에서 요소를 가져오는 것입니다.

<select id="cycles_list">
    <option value="10">10</option>
    <option value="100">100</option>
    <option value="1000">1000</option>
    <option value="10000">10000</option>
</select>

jQuery를 통해 캡처하려면 다음과 같은 작업을 수행합니다.

$('#cycles_list').change(function() {
    var mylist = document.getElementById("cycles_list");
    iterations = mylist.options[mylist.selectedIndex].text;
});

변수에 값을 저장한 후에는 변수에 저장된 정보를 선택한 양식 필드 또는 HTML 요소로 전송합니다.점핑 또는 사용자 지정 요소일 수 있습니다.

예.<p></p> OR <div></div>

다음을 사용할 수 있습니다.

$('p').html(반복); 또는 $('div').html(반복);

다음과 같은 텍스트 필드를 채우려는 경우:

<input type="text" name="textform" id="textform"></input>

다음을 사용할 수 있습니다.

$('#textform').텍스트 = 반복;

물론 위의 모든 것을 더 적은 단계로 수행할 수 있습니다. 모든 것을 이해하기 쉬운 단계로 나눌 때 사람들이 배우는 데 도움이 된다고 믿습니다.이것이 도움이 되길 바랍니다!

위의 내용은 매우 효과적이지만 드롭다운 텍스트에 대한 jQuery 유형 캐스트를 놓친 것 같습니다.그 외에는 사용하는 것이 좋습니다..val()입력 텍스트 유형 요소에 대한 텍스트를 설정합니다.이러한 변경을 통해 코드는 다음과 같습니다.

    $('#txtEntry2').val($('#ddlCodes option:selected').text());

이미 이것을 가지고 있고 jquery를 사용하는 경우 이것이 당신의 대답이 될 것입니다.

$($(이)[0].선택한 옵션[0].text()

이 HTML이 지정된 경우:

<select>
    <option value="0">One</option>
    <option value="1">Two</option>
</select>

jQuery v1.6+에 대한 설명으로 선택:

var text1 = 'Two';
$("select option").filter(function() {
    //may want to use $.trim in here
    return $(this).text() == text1; 
}).prop('selected', true);

언급URL : https://stackoverflow.com/questions/2380230/get-selected-option-from-select-element