Heim >Backend-Entwicklung >PHP-Tutorial >javascript - jq So zeigen Sie den Wert des Dropdown-Felds an

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

WBOYOriginal: 2016-09-06 08:57:09878Durchsuche

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>

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>

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>

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>

Versuchen Sie Folgendes:

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

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?

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie teilt man Englisch mit regulären Ausdrücken in Absätze auf?Nächster Artikel：Wie teilt man Englisch mit regulären Ausdrücken in Absätze auf?

In Verbindung stehende Artikel

Mehr sehen