[JQUERY] jQuery를이 -의 텍스트 설명을 통해 선택 제어의 설정 값을 설정
JQUERYjQuery를이 -의 텍스트 설명을 통해 선택 제어의 설정 값을 설정
해결법
-
1.var에 텍스트 1 = '두'; $ ( "옵션을 선택"). 필터 (함수 () { // 여기에 $ .trim을 사용할 수 있습니다 $를 반환 (이)는 .text () == 텍스트 1; }) 소품 ( '선택', TRUE).; <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> script> <선택> <옵션 값 = "0"> 한 옵션> <옵션 값 = "1"> 두 옵션> 선택>
var에 텍스트 1 = '두'; $ ( "옵션을 선택"). 필터 (함수 () { // 여기에 $ .trim을 사용할 수 있습니다 $를 반환 (이)는 .text () == 텍스트 1; }) 소품 ( '선택', TRUE).; <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> script> <선택> <옵션 값 = "0"> 한 옵션> <옵션 값 = "1"> 두 옵션> 선택>
var에 텍스트 1 = '두'; $ ( "옵션을 선택"). 필터 (함수 () { // 여기에 $ .trim을 사용할 수 있습니다 $를 반환 (이)는 .text () == 텍스트 1; }) ATTR ( '선택'에 해당).; <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.0/jquery.min.js"> script> <선택> <옵션 값 = "0"> 한 옵션> <옵션 값 = "1"> 두 옵션> 선택>
이 방법은 1.6 미만 1.9 위에있는 버전에서 작동하지만, 그것은 1.6부터 사용되지 않습니다. 그것은 1.9+ jQuery를 작동하지 않습니다.
발 ()는 두 경우 모두를 처리해야합니다.
$ ( '선택') 발을 ( '1').; // 선택 "2" $ ( '선택') 발 ( '두.'); // 또한 "2"를 선택 <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"> script> <선택> <옵션 값 = "0"> 한 옵션> <옵션 값 = "1"> 두 옵션> 선택>
-
2.나는이 테스트를하지 않은, 그러나 이것은 당신을 위해 일한다 수도 있습니다.
나는이 테스트를하지 않은, 그러나 이것은 당신을 위해 일한다 수도 있습니다.
$("select#my-select option") .each(function() { this.selected = (this.text == myVal); });
-
3.텍스트 옵션을 선택 ...이 시도으로 myText
텍스트 옵션을 선택 ...이 시도으로 myText
$("#my-Select option[text=" + myText +"]").prop("selected", true);
-
4.나는이 길에 그것을 (jQuery를 1.9.1)
나는이 길에 그것을 (jQuery를 1.9.1)
$("#my-select").val("Dutch").change();
참고 : 변경 ()를 잊지 마세요, 나는 긴 그것 때문에 검색했다 :)
-
5.
$("#myselect option:contains('YourTextHere')").val();
텍스트 설명을 포함하는 첫 번째 옵션의 값을 반환합니다. 이것과 작품을 테스트.
-
6.모든 jQuery를 버전 합병증을 피하기 위해, 나는 정직이 정말 간단한 자바 스크립트 함수 중 하나를 사용하는 것이 좋습니다 ...
모든 jQuery를 버전 합병증을 피하기 위해, 나는 정직이 정말 간단한 자바 스크립트 함수 중 하나를 사용하는 것이 좋습니다 ...
function setSelectByValue(eID,val) { //Loop through sequentially// var ele=document.getElementById(eID); for(var ii=0; ii<ele.length; ii++) if(ele.options[ii].value==val) { //Found! ele.options[ii].selected=true; return true; } return false; } function setSelectByText(eID,text) { //Loop through sequentially// var ele=document.getElementById(eID); for(var ii=0; ii<ele.length; ii++) if(ele.options[ii].text==text) { //Found! ele.options[ii].selected=true; return true; } return false; }
-
7.이 줄은 일 :
이 줄은 일 :
$("#myDropDown option:contains(myText)").attr('selected', true);
-
8.나는 이것이 이전 게시물입니다 알지만, 나는 그것이 jQuery를 1.10.3 사용하여 텍스트 위의 솔루션이 선택 가져올 수 없습니다. 나는 다음과 같은 코드 (spoulson의 솔루션의 변화)를 사용하여 결국 :
나는 이것이 이전 게시물입니다 알지만, 나는 그것이 jQuery를 1.10.3 사용하여 텍스트 위의 솔루션이 선택 가져올 수 없습니다. 나는 다음과 같은 코드 (spoulson의 솔루션의 변화)를 사용하여 결국 :
var textToSelect = "Hello World"; $("#myDropDown option").each(function (a, b) { if ($(this).html() == textToSelect ) $(this).attr("selected", "selected"); });
누군가가 도움이되기를 바랍니다.
-
9.
$("#Test").find("option:contains('two')").each(function(){ if( $(this).text() == 'two' ) { $(this).attr("selected","selected"); } });
는 IF 문은 "두"와 "두 세"가 일치하지 않습니다와 정확히 일치하지 않습니다
-
10.1.7+와 가장 쉬운 방법입니다 :
1.7+와 가장 쉬운 방법입니다 :
$("#myDropDown option:text=" + myText +"").attr("selected", "selected");
1.9+
$("#myDropDown option:text=" + myText +"").prop("selected", "selected");
테스트 및 작동합니다.
-
11.여기 아주 간단한 방법입니다. PLZ 사용
여기 아주 간단한 방법입니다. PLZ 사용
$("#free").val("y").change();
-
12.JQuery와 selectedbox 플러그인을 살펴
JQuery와 selectedbox 플러그인을 살펴
selectOptions(value[, clear]):
파라미터 $ ( "#의 myselect2") 등의 문자열을 사용하여 값을 기준 옵션을 선택한다. selectOptions ( "값 1"), 또는 일반 식 $ ( "#의 myselect2"). selectOptions을 (/ ^ 발 / I);
또한 이미 선택 옵션을 지울 수 있습니다 : $ ( "#의 myselect2")를 selectOptions ( "값 2", TRUE);.
-
13.그냥 보조 노트에. 내 선택 값이 설정되지 않았습니다. 그리고 난 그물에 모든 검색했다. 사실 나는 그것을에서 데이터를 받고 있었기 때문에, 웹 서비스에서 전화를 다시 한 후 값을 선택했다.
그냥 보조 노트에. 내 선택 값이 설정되지 않았습니다. 그리고 난 그물에 모든 검색했다. 사실 나는 그것을에서 데이터를 받고 있었기 때문에, 웹 서비스에서 전화를 다시 한 후 값을 선택했다.
$("#SelectMonth option[value=" + DataFromWebService + "]").attr('selected', 'selected'); $("#SelectMonth").selectmenu('refresh', true);
선택기의 새로 고침이었다 그래서이없는 것을 유일한이었다.
-
14.나는 당신이하고 싶지 않았다 때 attr에 사용하여 선택한 여러 옵션으로 끝날 것이라는 점을 발견 - 솔루션 사용 소품에있다 :
나는 당신이하고 싶지 않았다 때 attr에 사용하여 선택한 여러 옵션으로 끝날 것이라는 점을 발견 - 솔루션 사용 소품에있다 :
$ ( "#의 myDropDown 옵션 : 텍스트 ="+ myText를 + ""). 소품 ( "선택", ""선택);
-
15.나는 위의 예제에 문제가 있고, 문제는 내 선택 상자 값이 6 자 고정 길이 문자열로 채워져되지만, 매개 변수 길이를 고정되지 않은에서 전달되는 사실에 기인한다.
나는 위의 예제에 문제가 있고, 문제는 내 선택 상자 값이 6 자 고정 길이 문자열로 채워져되지만, 매개 변수 길이를 고정되지 않은에서 전달되는 사실에 기인한다.
나는 RPAD 기능이있는 것 바로 패드 문자열 길이가 지정된 문자로 지정합니다. 그래서, 작동 매개 변수를 패딩 후.
$('#wsWorkCenter').val(rpad(wsWorkCenter, 6, ' ')); function rpad(pStr, pLen, pPadStr) { if (pPadStr == '') {pPadStr == ' '}; while (pStr.length < pLen) pStr = pStr + pPadStr; return pStr; }
-
16.
$('#theYear').on('change', function () { FY = $(this).find('option:selected').text(); $('#theFolders').each(function () { $('option:not(:contains(' + FY + '))', this).hide(); }); $('#theFolders').val(0); }); $('#theYear').on('mousedown', function () { $('#theFolders option').show().find('option:contains("Select")', this).attr('selected', 'selected'); });
-
17..val ( 'NEWVALUE')이 함수에 대한 올바른 동안이 허용 대답은 내 요소를 얻기 위해 ID와 클래스 이름을 사용하는 나에게하지 작업했다 않습니다 자사의 이름으로 선택을 검색하기 위해 노력하고, 정확하지 않는 것
.val ( 'NEWVALUE')이 함수에 대한 올바른 동안이 허용 대답은 내 요소를 얻기 위해 ID와 클래스 이름을 사용하는 나에게하지 작업했다 않습니다 자사의 이름으로 선택을 검색하기 위해 노력하고, 정확하지 않는 것
-
18.Heres는 쉬운 옵션을 선택합니다. 그냥 다음 목록 옵션을 설정 선택된 값의 텍스트를 설정 :
Heres는 쉬운 옵션을 선택합니다. 그냥 다음 목록 옵션을 설정 선택된 값의 텍스트를 설정 :
$("#ddlScheduleFrequency option").selected(text("Select One..."));
-
19.아주 가로장 설치 등등 아무것도 다른 일 듯
아주 가로장 설치 등등 아무것도 다른 일 듯
$ ( '[이름 $ = "드롭 다운"] 선택') 아이들 () 텍스트 ( "씨"를) 소품 ( "선택", TRUE)...;
날 위해 일했습니다.
-
20.시험
시험
[...mySelect.options].forEach(o=> o.selected = o.text == 'Text C' )
... mySelect.options] .forEach (O => o.selected = o.text == '텍스트 C');
-
21.선택 상자의 자식을 얻으십시오; 그들을 통해 루프; 당신이 선택한 옵션으로 설정 당신이 원하는 하나를 발견 할 때; 루핑 중지 false를 돌려줍니다.
선택 상자의 자식을 얻으십시오; 그들을 통해 루프; 당신이 선택한 옵션으로 설정 당신이 원하는 하나를 발견 할 때; 루핑 중지 false를 돌려줍니다.
from https://stackoverflow.com/questions/496052/jquery-setting-the-selected-value-of-a-select-control-via-its-text-description by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 요소가 존재 할 때까지 얼마나 기다려야합니까? (0) | 2020.10.01 |
---|---|
[JQUERY] jQuery로 파일 업로드 진행 바 (0) | 2020.10.01 |
[JQUERY] 의 contentEditable <DIV>에 설정 커서 위치 (0) | 2020.10.01 |
[JQUERY] 입력이 jQuery를 사용하여 소모되지 않았나요? (0) | 2020.10.01 |
[JQUERY] 자바 스크립트 / JQuery와 : $ (창) 크기 조정이 완료된 후 어떻게 화재 .resize? (0) | 2020.10.01 |