When i select some data from my option i need the value to be showed when "onchange" the select... can someone help me ?

<select name="search_school" id="search_school" onchange="$('#search_school').val() = $('#school_name').val()">

I want the selected option value to be showed in the hidden input

<input type="hidden" name="school_name" id="school_name" value="" />

When i select some data from my option i need the value to be showed when "onchange" the select... can someone help me ?

<select name="search_school" id="search_school" onchange="$('#search_school').val() = $('#school_name').val()">

I want the selected option value to be showed in the hidden input

<input type="hidden" name="school_name" id="school_name" value="" />

• javascript
• jquery
• html

5 Answers 5

I think you want this as your onchange event:

<select name="search_school" id="search_school" onchange="$('#school_name').val($('#search_school').val())">

When you call val() without a parameter, it fetches the value of the element. If you call it with a parameter like val('some value');, it sets the value of the element.

If you can, avoid inline event definition on html:

<select name="search_school" id="search_school">
...
</select>
<input type="hidden" name="school_name" id="school_name" />

$(document).ready(function () {
    $('#search_school').change(function () {
        $('#school_name').val($(this).val());
    });
});

You want something like this, I think:

$("#search_school").change(function(){
  $(this).val($("#search_school option:selected").text());
});

To set the selected value to your hidden control you should :

<select name="search_school" id="search_school"  onchange="$('#school_name').val($('#search_school').val())">

<script type="text/javascript">
    $(document).ready(function() {
        $("#search_school").change(
            function () {
                $('#school_name').attr('value', $("#search_school").val());
            }
        );
    });
</script>