चयनित विकल्प के बाद रीफ्रेशिंग चयन jQuery

Question

द्वारा बदला गया है, मैं jQuery का उपयोग करके प्रोग्रामेटिक रूप से चुने गए विकल्प को अद्यतन कर रहा हूं, लेकिन ब्राउज़र में कुछ भी नहीं बदलता है। (यानी, पुराने चुने गए विकल्प को नए चुने हुए विकल्प पर स्विच करने के बजाय चुना गया है।) सुझाव?

धन्यवाद।

--Jeff मैं इस तरह एक सरल रूप है:

<form id="form1" name="form1" method="" action=""> 
<p>Assign: 
<select name="assigner" id="assigner"> 
<option value="Sam" selected="selected">Sam</option> 
    <option value="Harry">Harry</option> 
    <option value="Fred">Fred</option> 
</select> 
<input type="button" name="button1" id="button1" value="Submit" /> 
</p> 
<p> Task A: <select name="assignment[]" id="assigner"> 
    <option value="Sam">Sam</option> 
    <option value="Harry" selected="selected">Harry</option> 
    <option value="Fred">Fred</option> 
</select> 
</p> 
<p>  
Task B: <select name="assignment[]" id="assigner"> 
    <option value="Sam">Sam</option> 
    <option value="Harry" selected="selected">Harry</option> 
    <option value="Fred">Fred</option> 
</select> 
</p> 
</form></div> 

और मेरे jQuery कोड इस तरह दिखता है:

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
$('[name="button1"]').click(
    function(){ 
     var form = $(this).parents('form'); 
     var assigned = form.find(':selected').first().val(); 
     form.find(':selected').each(function(index){ 
      $(this).val(assigned).change(); 
     }); 
    } 
); 
}); 
</script> 

Answer 1

मैं चयनित विकल्प प्रोग्राम के रूप में jQuery

का उपयोग कर अद्यतन करने कर रहा हूँ

जहां तक ​​मैं देख सकता हूं। आप चयनित option के मान को फिर से सेट कर रहे हैं, लेकिन जहां तक ​​मैं वास्तविक select बॉक्स को बता सकता हूं, कुछ भी नहीं कर रहा हूं।

एक select बॉक्स को बदलने के लिए, आप इसे पहचान करने की जरूरत है, तो इसकी option तत्वों में से एक यह पर val कहते हैं, नहीं।

मैं यह नहीं कर सकता कि आप अपना input[name="button1"] क्या करना चाहते हैं, लेकिन यहां select बॉक्स अपडेट करने का एक उदाहरण है: Live copy | source

HTML:

<select id="theSelect"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 
<input type="button" id="theButton" value="Click me"> 

जावास्क्रिप्ट:

jQuery(function($) { 

    $("#theButton").click(function() { 
    $("#theSelect").val("2"); 
    }); 

}); 

---

अलग से, के रूप में j08691 टिप्पणी में कहा, आप और अधिक करने के लिए एक ही id मूल्य ("assigner") असाइन नहीं कर सकते एक तत्व से अधिक। दस्तावेज़ में id values must be unique। आपका कोड आपको id का उपयोग करके नहीं दिखाता है, इसलिए यह असंबद्ध हो सकता है, लेकिन यह फ़्लैगिंग के लायक है।

Answer 2

<form id="form1" name="form1" method="" action=""> 
    <p>Assign: 
     <select name="assigner" id="assigner"> 
      <option value="Sam" selected="selected">Sam</option> 
      <option value="Harry">Harry</option> 
      <option value="Fred">Fred</option> 
     </select> 
     <input type="button" name="button1" id="button1" value="Submit" /> 
    </p> 
    <p> 
     Task A: <select name="assignment[]" id="assigner2"> 
      <option value="Sam">Sam</option> 
      <option value="Harry" selected="selected">Harry</option> 
      <option value="Fred">Fred</option> 
     </select> 
    </p> 
    <p>  
     Task B: <select name="assignment[]" id="assigner3"> 
      <option value="Sam">Sam</option> 
      <option value="Harry" selected="selected">Harry</option> 
      <option value="Fred">Fred</option> 
     </select> 
    </p> 
</form> 



<script type="text/javascript"> 
jQuery(document).ready(function(){ 
$('[name="button1"]').click(
    function(){ 
     var assigned = $("#assigner").val(); 
     $('#form1 select').val(assigned); 
    } 
); 
}); 
</script>