Jquery 跨距内选择菜单的文本

我有一个选择下拉列表

   <select id="select_domain">
   <option value="1">Jon Doe</option>
   <option value="2">Max Mustermann</option>
   </select>

乔恩·多伊
马克斯·穆斯特曼

还有一个跨度

<span id="domain"></span>

在这个范围内，应该有我的选择菜单的所选选项的文本

---

如何使用jQuery实现这一点？

可能这正是您所期望的：

$（“#选择_域”）。在（“更改”，函数（）上{
$（“#域”）.text（$（“#选择#域选项：选定”）.text（）；
})

乔恩·多伊
马克斯·穆斯特曼

可能这是您所期望的：

$（“#选择_域”）。在（“更改”，函数（）上{
$（“#域”）.text（$（“#选择#域选项：选定”）.text（）；
})

乔恩·多伊
马克斯·穆斯特曼

请检查此答案

$(function() {
    $('#select_domain').change(function(){
        $("#domain").text($("#select_domain option:selected").text());
    });
});

---

请检查这个答案

$(function() {
    $('#select_domain').change(function(){
        $("#domain").text($("#select_domain option:selected").text());
    });
});

---

您可以使用来获取文本：

$("#select_domain option:selected").text();

要获得值，请执行以下操作：

$("#select_domain").val()

---

jsIDLE:

您可以使用以下命令获取文本：

$("#select_domain option:selected").text();

要获得值，请执行以下操作：

$("#select_domain").val()

jsiddle:

时间有点重要，但如果您希望在选择新值时更新量程，请使用以下命令：

    $( "#select_domain" ).change(function() {
       $('#domain').html($('select_domain').val());
    });

如果希望在加载时的范围中显示默认值，可以使用服务器端代码或将此行添加到通用函数中：

    $('#domain').html($('select_domain').val());

“何时”有点重要，但如果您希望在选择新值时更新量程，请使用以下内容：

    $( "#select_domain" ).change(function() {
       $('#domain').html($('select_domain').val());
    });

如果希望在加载时的范围中显示默认值，可以使用服务器端代码或将此行添加到通用函数中：

    $('#domain').html($('select_domain').val());

---

下面是一个解释过的示例，以及在页面加载时触发事件的额外效果

/*将更改事件绑定到您的选择*/
$（'#选择_域'）。更改（函数（）{
/*将文本设置为此选择框的选定选项*/
set_text（$（'option:selected'，this.text（））；
});
/*创建一个函数来设置域的文本
此功能也可以在其他地方使用*/
函数集\文本（文本）{
$（“#域”）.text（text）；
}
/*这将触发函数并设置文本
加载到页面上当前选定的文本*/
set_text（$（'#选择_域选项：选定'）。text（）

乔恩·多伊
马克斯·穆斯特曼
下面是一个解释过的示例，以及在页面加载时触发事件的额外效果


/*将更改事件绑定到您的选择*/
$（'#选择_域'）。更改（函数（）{
/*将文本设置为此选择框的选定选项*/
set_text（$（'option:selected'，this.text（））；
});
/*创建一个函数来设置域的文本
此功能也可以在其他地方使用*/
函数集\文本（文本）{
$（“#域”）.text（text）；
}
/*这将触发函数并设置文本
加载到页面上当前选定的文本*/
set_text（$（'#选择_域选项：选定'）。text（）

乔恩·多伊
马克斯·穆斯特曼