만방법드는의 첫 을 만드는 만방법드는의 첫 을 만드는 만방법드는의 첫 을 만드는

만방법드는의 첫 을 만드는 selected with jQuery jQuery와 함께 선택됨How do I make the first option of selected with jQuery?jQuery로 선택한 첫 번째 옵션을 어떻게 만들 수 있습니까? <select id="target"> <select id="target"> <option value="1">...<옵션 값="1">...</option> </옵션> <option value="2">...<옵션 값="2">...</option> </옵션></select> </select>$("#target").val($("#target option:first").val());$("#target").val($("#target 옵션:first").val()); You can try this 해보세요.$("#target").prop("selected$("#target").prop(선택됨)Index", 0); 색인", 0);// remove "selected" from any options that might already be selected 이미 선택된 옵션에서 "선택됨" 제거$('#target option[selected="selected"]').each( $('#target option[selected="selected"]) 및 각( function() { 함수: {} $(this).$(이것)removeAttr('selected');removeAttr('선택됨'); } }); ); // mark the first option as selected 첫 번째 옵션을 선택됨으로 표시$("#target option:first").attr('selected','selected');$("#target option:first").ttr('selected','selected'; When you use 사용할 때$("#target").val($("#target option:first").val());$("#target").val($("#target 옵션:first").val()); this will not work in Chrome and Safari if the first option value is null.첫 번째 옵션 값이 null이면 Chrome 및 Safari에서 작동하지 않습니다. I prefer 선호합니다$("#target option:first").attr('selected','selected');$("#target option:first").ttr('selected','selected'; because it can work in all browsers.모든 브라우저에서 작동할 수 있기 때문입니다.Changing the value of the select input or adjusting the selected attribute can overwrite the default selectedOptions property of the DOM element, resulting in an element that may not reset properly in a form that has had the reset event called.선택한 입력의 값을 변경하거나 선택한 특성을 조정하면 DOM 요소의 기본 선택한 옵션 속성을 덮어쓸 수 있으므로 재설정 이벤트가 호출된 양식에서 요소가 제대로 재설정되지 않을 수 있습니다. Use jQuery's prop method to clear and set the option needed: jQuery의 프롭 방법을 사용하여 필요한 옵션을 지우고 설정합니다.$("#target option:selected").prop("selected", false);$("#target option:selected").prop("selected", false); $("#target option:first").prop("selected", "selected");$("#target option:first").prop(선택됨), "선택됨"); $("#target")[0].$("#target")[0].selected선택된Index = 0; 지수 = 0;One subtle point I think I've discovered about the top voted answers is that even though they correctly change the selected value, they do not update the element that the user sees (only when they click the widget will they see a check next to the updated element).투표된 상위 답변에 대해 발견한 한 가지 미묘한 점은 선택한 값을 올바르게 변경하더라도 사용자가 보는 요소를 업데이트하지 않는다는 것입니다(위젯을 클릭할 때만 업데이트된 요소 옆에 확인란이 표시됨). Chaining a .change() call to the end will also update the UI widget as well..change() 호출을 끝까지 연결하면 UI 위젯도 업데이트됩니다. $("#target").val($("#target option:first").val()).change(); $("#target").val($("#target option:first").val()).change(); (Note that I noticed this while using jQuery Mobile and a box on Chrome desktop, so this may not be the case everywhere).(jQuery Mobile과 Chrome 바탕화면의 박스를 사용하는 동안 이를 알게 되었으므로 모든 곳에서 그렇지 않을 수 있습니다.)This worked for me!나한테 효과가 있었어요! $("#target").prop("selected$("#target").prop(선택됨)Index", 0); 색인", 0);If you have disabled options, you may add not([disabled]) to prevent selecting them which results into the following: 옵션을 사용하지 않도록 설정한 경우 not([사용 안 함])을 추가하여 다음과 같은 결과를 초래하는 옵션을 선택하지 않도록 할 수 있습니다.$("#target option:not([disabled]):first").attr('selected','selected') $("#target option:not([disabled]):first").ttr('selected','selected')Another way to reset the values (for multiple selected elements) could be this: (선택한 여러 요소에 대해) 값을 재설정하는 또 다른 방법은 다음과 같습니다.$("selector").each(function(){ $("sigma").각(함수 σ{) /*Perform any check and validation if needed for each item */ /*각 항목에 대해 필요한 경우 확인 및 검증 수행 */ /*Use "this" to handle the element in javascript or "$(this)" to handle the element with jquery */ /*javascript에서 요소를 처리하려면 "this"를 사용하고 jquery로 요소를 처리하려면 "$(this)"를 사용하십시오 */ this.이것.selected선택된Index=0; 지수 = 0; }); });$('#newType option:first').prop('selected', true);$('#newType 옵션:first').prop('selected', true); I've found that just setting attr selected doesn't work if there's already a selected attribute.선택한 특성이 이미 있는 경우 선택한 특성을 설정하는 것만으로는 작동하지 않습니다. The code I use now will first unset the selected attribute, then select the first option.지금 사용하는 코드는 먼저 선택한 속성의 설정을 해제한 다음 첫 번째 옵션을 선택합니다. $('#target').$('#target').removeAttr('selected').find('option:first').attr('selected', 'selected');removeAttr('선택됨').find('옵션:first').attr('선택됨', '선택됨'); Simple like that: 단순한 것처럼:$('#target option:first').prop('selected', true);$('#target option:first').prop('selected'), true); Although the each function probably isn't necessary ...각 기능이 필요하지 않을 수도 있지만... $('select').each(function(){ $('선택'). 각(함수 (){) $(this).$(이것)find('option:first').prop('selected', 'selected');find("옵션:first'), prop("selected"), 'selected'); }); }); works for me.저한테는 효과가 있어요.Here is how I would do it: 다음은 제가 수행할 방법입니다.$("#target option") $("#대상 옵션") .removeAttr('selected') .removeAttr('선택됨') .find(':first') // You can also use .find('[value=MyVal]') .find(':first') // .find('[value=MyVal])도 사용할 수 있습니다. .attr('selected','selected');.attr(' selected', 'selected'; It only worked for me using a trigger('change') at the end, like this: 마지막에 다음과 같은 트리거('변경')를 사용하는 경우에만 작동했습니다.$("#target option:first").attr('selected','selected').$("#target option:first").attr('선택됨','선택됨').trigger('change');트리거 "변경"; For me it only worked when I added the following code: 저는 다음 코드를 추가할 때만 작동했습니다..change(); .change();For me it only worked when I added the following code:저는 다음 코드를 추가할 때만 작동했습니다. As I wanted to "reset" the form, that is, select all the first options of all the selects of the form, I used the following code: 양식을 "재설정"하기 위해, 즉 양식을 선택한 모든 항목의 첫 번째 옵션을 모두 선택하기 위해 다음 코드를 사용했습니다.$('form').find('select').each(function(){ $(this).val($("select option:first").val()); $(this).$('form'). 각({$(this).val}("select option:first").val("select option:first"); $(이것).change(); });변경(()); });If you are going to use the first option as a default like 첫 번째 옵션을 기본값으로 사용하려면 다음과 같이 하십시오.<select> <선택> <option value="">Please select an option below</option> <옵션 값=">아래 옵션을 선택하십시오.</옵션> ... ... then you can just use: 그러면 다음을 사용할 수 있습니다.$('select').val(''); $('select').val('); It is nice and simple.그것은 멋지고 간단합니다.On the back of James Lee Baker's reply, I prefer this solution as it removes the reliance on browser support for :first :selected ...James Lee Baker의 답변 뒤에, 저는 이 솔루션이 :first:selected...에 대한 브라우저 지원에 대한 의존도를 제거하기 때문에 더 선호합니다. $('#target').$('#target').children().prop('selected', false);children (prop('s().selected), false); $($('#target').$($('#target')입니다.children()[0]).prop('selected', 'selected');children([0]).prop(선택됨), '선택됨'); Use: 사용:$("#selectbox option:first").val() $("#selectbox 옵션:first").val() Please find the working simple in this JSFiddle.이 JS Fiddle에서 간단한 작업 방법을 찾으십시오.For me, it only worked when I added the following line of code 저는 다음 줄의 코드를 추가할 때만 작동했습니다.$('#target').val($('#target').find("option:first").val());$('#target').val($('#target').find("옵션:first").val()); $('select#id').val($('#id option')[index].$('select#id').val($('#id 옵션')[index].value) 값)Replace the id with particular select tag id and index with particular element you want to select.id를 특정 선택 태그 ID로 바꾸고 선택할 특정 요소로 색인을 만듭니다. i.e. 예.<select class="input-field" multiple="multiple" id="ddlState" name="ddlState"> <select class="input-field" multiple="multiple" id="ddlState" name="ddlState"> <option value="<옵션 값="AB">AB</option> AB">AB</옵션> <option value="<옵션 값="AK">AK</option> AK">AK</옵션> <option value="<옵션 값="AL">AL</option> AL">AL</옵션></select> </select> So here for first element selection I will use following code : 첫 번째 요소 선택을 위해 다음 코드를 사용합니다.$('select#ddlState').val($('#ddlState option')[0].value) $('select#ddlState').val($('#ddlState 옵션')[0.value)$("#target").val(null);$("#target").val(val); worked fine in chrome크롬에서 잘 작동했습니다.If you're storing the jQuery object of the select element: 선택 요소의 jQuery 개체를 저장하는 경우:var jQuerySelectObject = $("..."); varjQuerySelectObject = $("..."..."); ... ... jQuerySelectObject.val(jQuerySelectObject.children().eq(0).val());jQuerySelectObject.val(jQuerySelectObject.children().eq(0).val(); Check this best approach using jQuery with ECMAScript 6: ECMA스크립트 6과 함께 jQuery를 사용하여 다음과 같은 최상의 접근 방식을 확인하십시오.$('select').each((i, item) => { $('선택').각((i, 항목) => { var $item = $(item);var $항목 = $(항목); $item.$항목.val($item.가치 항목find('option:first').val()); find("옵션:first'), val();}); });You can select any option from dropdown by using it.드롭다운에서 옵션을 사용하여 원하는 옵션을 선택할 수 있습니다. // 'N' can by any number of option.'N'은 임의의 수의 옵션으로 가능합니다. // e.g., N=1 for first option 예: 첫 번째 옵션의 경우 N=1$("#DropDownId").val($("#DropDownId option:eq(N-1)").val()); $("#DropDownId").val($("#DropDownId 옵션:eq(N-1)).val();var firstItem = $("#interest-type").prop("selectedvarfirstItem = $("#관심 유형").prop(선택됨)Index", 0).val(); 지수", 0.val();console.log(firstItem)console.log(firstItem)Use: 사용:alert($( "#target option:first" ).text());alert("#target option:first") .text() ; Reference언급URL : https://stackoverflow.com/questions/1414276/how-to-make-the-first-option-of-select-selected-with-jqueryURL : https://stackoverflow.com/questions/1414276/how-to-make-the-first-option-of-select-selected-with-jquery