javascript - jq So zeigen Sie den Wert des Dropdown-Felds an-PHP-Tutorial-php.cn

javascript - jq So zeigen Sie den Wert des Dropdown-Felds an

WBOY

Freigeben： 2016-09-06 08:57:09

Original

877 Leute haben es durchsucht

Ich möchte so etwas schreiben
Es gibt ein Dropdown-Feld. Wenn ein Wert ausgewählt wird, wird der aktuell ausgewählte Wert in einem Div angezeigt. Beim Wechseln anderer Dropdown-Optionen ändert sich auch der Wert im div.

Das ist mein Code, aber er funktioniert nicht. Was ist los?

<code><body>
    <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>

<select id="s">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>
    <script type="text/javascript">
        $('#k').on('change', function()
{
    document.write($("#s").val());
    
});
    </script>
    <div id="k"></div>
</body>value值
我想在div#k中显示当前选中的下拉选项</code>

Nach dem Login kopieren

Entschuldigen Sie, was los ist

Antwortinhalt:

Das ist mein Code, aber er funktioniert nicht. Was ist los?

<code><body>
    <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>

<select id="s">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select>
    <script type="text/javascript">
        $('#k').on('change', function()
{
    document.write($("#s").val());
    
});
    </script>
    <div id="k"></div>
</body>value值
我想在div#k中显示当前选中的下拉选项</code>

Nach dem Login kopieren

Entschuldigen Sie, was los ist

<code><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
    <script>
    $(document).ready(function(){
        $('#s').on('change', function(){
            $("#k").text($("#s").val())
        })
    })
    </script>
</head>
<body>
    <select id="s">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
    
    <div id="k"></div>
</body>
</html></code>

Nach dem Login kopieren

Deine Logik ist erstaunlich!
Um den Wert von s zu ändern, binden Sie das Ereignis an k?

Verwenden Sie jede Option und binden Sie Ereignisse an jede Option. Dies wird wirksam sein.

<code><script type="text/javascript">

    $('#s').each(function (i, j){
        
        $(j).click(function(){
            value = $(j).val();
            $("#k").text(value);
        })
    })
    
</script></code>

Nach dem Login kopieren

Versuchen Sie Folgendes:

<code>$('#s').change(function(){
  $('#k').text($(this).find(':selected').text());
});</code>

Nach dem Login kopieren

Wenn sich s ändert, wird der Text von k zum Text des aktuell ausgewählten Elements in s.
Handycode, Entschuldigung für das Unbekannte!

`$(function(){$('#s').on('change',function(){
$('#s :checked').val();
}) ;})`

Kann native Auswahl nicht implementiert werden?