使用Jquery將值分配給駐留在另一個div中的文本框

Question

我正在使用Jquery對話框。有兩個對話框div1和div2。 div1中有8個文本框，我想在div2中更改一個值時更新特定的文本框txt6。

我試過以下，但沒有工作。

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

請讓我知道我在這裏失蹤。

Answer 1

使用jQuery自定義事件如下：

1. 當您更改DIV2的值，觸發事件：

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

2. 在DIV1，訂閱此事件：

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

Answer 2

如果文本框裏面div1，你需要做的是這樣的：

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

我認爲txt6是文本框的標識;如果它是一個類，則使用.txt6而不是#txt6。

Answer 3

最簡單的方法是將一個ID分配給文本框，而不是直接針對它們。

Answer 4

假設你有類似的東西：使用

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

嘗試：

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

jQuery使用CSS選擇器找到的東西，當你通過 「＃DIV1＃txt6」 的jQuery查找一個id =「div1」的元素，那麼它會尋找一個元素，該元素是id =「txt6」的結果的後代

我推薦閱讀css selectors

個