jquery

Question

द्वारा भौतिक आकार का चयन करें बॉक्स का मूल्य बदलें मैं jquery द्वारा materialize select box value को बदलना चाहता हूं।

मैं $('#myselect').val('1');onchange पर अन्य चयन बॉक्स की घटना का उपयोग कर रहा हूं लेकिन यह काम नहीं करता है।

$("#select1").change(function() { 
    $('#myselect').val('1'); 
}); 

Answer 1

यह मेरे लिए ठीक काम करने के लिए, पहले ड्रॉप डाउन बदलने के लिए प्रकट होता है, करने के लिए 1.

मैं jsFiddle पर एक मोटा कार्यान्वयन किया है नीचे दूसरे ड्रॉप का मूल्य रीसेट करता है: http://jsfiddle.net/55r8fgxy/1/

<select id="select1"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
</select> 

<select id="myselect">  
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
</select> 

जे एस:

$(function() { 
    $("#select1").on('change', function() { 
     $('#myselect').val("1"); 

     // re-initialize material-select 
     $('#myselect').material_select(); 
    }); 
}); 

Answer 2

@logikal ने सुझाव दिया के रूप में, आप फिर से आरं करने के लिए मिल गया है tialize

$("#myselect").material_select() 

Answer 3

प्रतिनिधि कार्यक्रम का उपयोग करना मेरे लिए समस्या को हल करता है।

एचटीएमएल

<div class="input-field col s10" id="pickerContainer"> 
<select> 
      <option value="" disabled selected>Choose your option</option> 
      </select> 
      </div> 

जे एस

$('#pickerContainer').on('change', 'select', function(){ 
console.log("got you"); 
}); 

Answer 4

बल्कि .val का उपयोग कर(), यह jQuery के साथ हमेशा की तरह मान सेट करने के क्लीनर है की तुलना में:

$('#my-select').find('option[value="my-value"]').prop('selected', true); 
$("#my-select").material_select(); 

Answer 5

मैं से उचित समाधान नहीं मिला here

अमल में लाना

<div class="input-field col s12"> 
<select multiple> 
    <option value="" disabled selected>Choose your option</option> 
    <option value="1" selected>Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3" selected>Option 3</option> 
</select> 
<label>Materialize Multiple Select</label> 

में एक से अधिक के लिए 0

और अब आप अपने जावास्क्रिप्ट अनुभाग में बस थोड़ा परिवर्तन और है कि यूआरएल है:

<script src="http://materializecss.com/bin/materialize.js" /> 

बजाय

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js"></script> 

या materialize.min.js

का कोई अन्य लिंक

और कई के लिए सक्षम करने के लिए का चयन करें:

$(document).ready(function() { 
     $('select').material_select(); 
    }); 

Thats यह। आप इस समाधान का प्रदर्शन देख सकते हैं: JSFiddle

Answer 6

यह वही जवाब logikal के समान है लेकिन मुझे लगता है कि है क्लीनर:

$(".your-component-class").change(function(){ 

    //your code.. 


    //re-initialize component 
    $(this).material_select();  
}); 

Answer 7

एक नया अमल में लाना 1.0.0 उपयोग .select() के बजाय के लिए .material_select()

पुन: प्रारंभ करने के बिना समाधान।

function msValue (selector, value) { 
selector.val(value).closest('.select-wrapper').find('li').removeClass("active").closest('.select-wrapper').find('.select-dropdown').val(value).find('span:contains(' + value + ')').parent().addClass('selected active'); 
} 

तो बस का उपयोग

msValue($("#select_id"), "value_here")