使用Jquery为驻留在另一个div中的文本框分配值

Question

我正在使用Jquery对话框。 div1和div2有两个对话框。 div1中有8个文本框，我想在更改div2中的值时更新特定的文本框txt6。

我尝试过以下但没有奏效。

$("#div1.txt6").val('test');

请让我知道我在这里缺少的东西。

Answer 1

如果文本框位于div1内，则需要执行以下操作：

$("#div1 #txt6").val('test');

我认为txt6是文本框的标识符;如果它是一个类，请使用.txt6而不是#txt6。

Answer 2

最简单的方法是只为文本框分配ID，而不是直接定位它们。

Answer 3

假设你有类似的东西：

<div id="div1"> ... <input id="txt6" ... /> ... </div>

尝试使用：

$("#div1 #txt6").val('test');

jQuery使用css选择器来查找内容，当你传递“＃div1 #txt6”时，jQuery会查找id =“div1”的元素，然后它会查找一个元素，该元素是id =“txt6”的结果的后代

我建议您阅读css selectors

Answer 4

使用jQuery自定义事件如下：

1. 更改div2中的值时，触发事件：

   $('#div2').val('something').trigger('valueChanged', { value: 'something' });

2. 在div1中，订阅此事件：

   $('#div2').bind('valueChanged', function(e, args) { $('#txt6').val(args.value); });