在div中顯示輸入不起作用

我想根據輸入填充divs。它工作正常（我試過了。）在http://jsfiddle.net/2ufnK/2/，但是當我在http://communitychessclub.com/cccr-pairing/test.html實施它沒有工作。我不知道爲什麼......在div中顯示輸入不起作用

<div class = "ui-widget white"><input id = "W01" name = "w01" type = "text" onchange="screen_W01()" class = "automplete-2" autofocus></div> 
<div class = "ui-widget black"><input id = "B01" name = "b01" type = "text" onchange="screen_B01()" class = "automplete-2" ></div><br /> 
<div class = "ui-widget white"><input id = "W02" name = "w02" type = "text" onchange="screen_W02()" class = "automplete-2"></div> 
<div class = "ui-widget black"><input id = "B02" name = "b02" type = "text" onchange="screen_B02()" class = "automplete-2"></div><br />

和：

<script> 
function screen_W01(){var x = document.getElementById("W01"); var div = document.getElementById('WD01'); div.innerHTML = x.value;} 
function screen_B01(){var x = document.getElementById("B01"); var div = document.getElementById('BD01'); div.innerHTML = x.value;} 

function screen_W02(){var x = document.getElementById("W02"); var div = document.getElementById('WD02'); div.innerHTML = x.value;} 
function screen_B02(){var x = document.getElementById("B02"); var div = document.getElementById('BD02'); div.innerHTML = x.value;} 
</script>

的HTML顯示值...

<div id="WD01"></div> 
<div id="BD01"></div> 
<div id="WD02"></div> 
<div id="BD02"></div>

但它只是不工作：值AREN」顯示。有人可以提出更好的方法（首選jQuery）或糾正我的編碼錯誤？

來源

2017-08-14 verlager

需要檢查的幾件事：1）是否有實際調用的功能？ 2）在你得到它們後，x和div是否被定義？ 3）是否定義了x.value？ – mintychai

mmm ...你實現的實際內容是''input type =「text」class =「automplete-2 ui-autocomplete-input」autocomplete =「off」>'...沒有'id' ...並且您發佈的腳本沒有任何問題。忘記更新您的網站？ –

用cURL和filezilla更新網站時遇到了一些麻煩，但現在一切都是最新的並且已更新。 – verlager

我會建議使用一個函數爲所有輸入和相應的div。

它使用「字符串操作」輸入id扣除目標的id.

$(".ui-widget input").on("change", function(){ 
    var inputID = $(this).attr("id"); // Ex: W01 

    // Add the "D" 
    var divID = inputID.substr(0,1)+"D"+inputID.substr(1); // Ex: W + D + 01 
    console.log(inputID); 

    var inputValue = $(this).val(); 
    $(document).find("#"+divID).html(inputValue); 
});

而對於輸入的標記是（只需刪除「的onchange = ...」）

<div class = "ui-widget white"> 
    <input id = "W01" name = "w01" type = "text" class = "automplete-2" autofocus> 
</div>

來源

2017-08-14 21:51:18

絕對100％的現貨！ – verlager

-1

我可能會離開這個;我對這一切都相當陌生。我看你有沒有

<div class = "ui-widget white"><input id = "W01" name = "w01" type = "text" onchange="screen_W01()" class = "automplete-2" autofocus></div>

和

function screen_W01(){var x = document.getElementById("W01"); var div = document.getElementById('WD01'); div.innerHTML = x.value;}

在您id = "W01"兩個，但在你的HTML值必須

<div id="WD01"></div>

具有id="WD01"。這可能是它不起作用的原因嗎？所有的HTML值都添加了'D'。這是我能看到的唯一基於這裏的東西。

來源

2017-08-14 21:34:19 brehma

一個是id'W01'，另一個'WD01' ... –

var div = document.getElementById（'WD01'）; （是腳本的一部分） – verlager

是的，錯過了它。這是我最好的猜測。 – brehma

在div中顯示輸入不起作用

回答

相關問題