Javascript jquery将中的值复制到其他区域

是否有一种简单的方法将价值复制到其他领域

i、 e.如果我有2或3个选择菜单或其他表单字段

说

1.
2.
3.
4.

如果我想让divs html自动显示select框的值，我是否需要为其中一个组件的更改编写一段代码

谢谢

---

Lee

您可以通过or函数在选择框上使用

更改

事件，并在事件处理程序中调用or函数来设置相关div上的文本，通过（您的

选项

元素没有

值

属性，因此

val

将获取它们的文本）。在这两种情况下，您都可以通过传递CSS选择器的函数（例如，

$（“#first”）

）查找元素对于第一个选择框。

您可以通过or函数在选择框上使用

change

事件，并在事件处理程序中调用or函数来设置相关div上的文本，通过（您的

选项

元素没有

值

属性，因此

val

将获取它们的文本）。在这两种情况下，您都可以通过传递CSS选择器的函数（例如，

$（“#first”）

）查找元素对于第一个选择框。

如果希望div自动显示任何选择框的选定值，可以使用以下jQuery：

$('#first').change(function(){ 
/* target the first selectbox with id #first and bind a change event to it */

    $('#firstvalue').html($(this).val()); 
    /* set the html of the div with id #firstvalue to the selected option*/

});

/* the same for the second selectbox */
$('#second').change(function(){

    $('#secondvalue').html($(this).val());

});

不过，我建议您更改HTML，使正在处理的SelectBox具有相同的类，并将其目标存储在

data

属性中。如下所示：

HTML

<select class="show_val" data-target="#value_1">
    <option>1</option>
    <option>2</option>
</select>

<div id="value_1"></div>

---

通过这种方式，您可以对所有选择框使用相同的jQuery事件。

如果希望div自动显示任何选择框的选定值，您可以使用以下jQuery：

$('#first').change(function(){ 
/* target the first selectbox with id #first and bind a change event to it */

    $('#firstvalue').html($(this).val()); 
    /* set the html of the div with id #firstvalue to the selected option*/

});

/* the same for the second selectbox */
$('#second').change(function(){

    $('#secondvalue').html($(this).val());

});

不过，我建议您更改HTML，使正在处理的SelectBox具有相同的类，并将其目标存储在

data

属性中。如下所示：

HTML

<select class="show_val" data-target="#value_1">
    <option>1</option>
    <option>2</option>
</select>

<div id="value_1"></div>

---

这样，您就可以对所有选择框使用相同的jQuery事件。

您可以这样做，这样就不必为每个选择/div编写代码：

$('select').change(function() {
    $('div[id^="' + this.id + '"]').text($(this).val());
});

---

您可以这样做，这样就不必为每个select/div编写代码：

$('select').change(function() {
    $('div[id^="' + this.id + '"]').text($(this).val());
});

---

您想要一个代码同时处理两个代码吗

---

您想要一个代码同时在两个代码上工作吗

---

如果您使用绑定到视图/页面的JavaScript支持对象，还可以签出并实现MVVM（模型-视图-模型）模式。

您还可以签出并实现MVVM（模型-视图-模型）模式，如果您使用的是绑定到视图/页面的JavaScript支持对象。

如果您只是为他/她写…；-）我想我是那些糟糕的老师之一：（，现在添加了一些解释，所以它实际上教了一些东西。如果您只是为他/她写…；-）我想我是那些糟糕的老师之一：（，现在添加了一些解释，所以它实际上教了一些东西。（顺便说一句，我知道您并没有真正使用支持JavaScript的对象，但仍然认为任何使用JavaScript的人都值得检查一下，或者类似的库）（顺便说一句，我知道您并没有真正使用支持JavaScript的对象，但仍然认为任何使用JavaScript的人都值得去检查一下，或者类似的库）