1

必要な数を選択したときに作成される一意のテキストボックスを選択するのに問題があります。幅用と長さ用の2つのテキスト入力ボックスを作成します。必要な数を作成したら、これらのボックスに入力するデータを選択したいのですが、これを行う方法がわかりません。テキスト入力が作成されたときに「名前」に値を追加しようとしましたが、理解できません。助けていただければ幸いです。

Javascript：

function processSplashbacks() {

var splashbacks = document.worktopForm.splashbacks.value;           
var splashbackInfo = '<label> Length: </label><input type="text" id="length' + t + '" value="0"/>(cm)<br /><label> Width: </label><input type="text" name="width' + t + '" value="0"/>(cm)';

for (var t = 1; t <= splashbacks; t++){
    document.getElementById("splashWidLen").innerHTML += 'Splashback ' + t + ' dimensions' + splashbackInfo;
} }

function calculate() {
    var lengthOne = document.worktopForm.splashWidLen.length1.value;
    document.worktopForm.getElementById("quote").innerHTML += lengthOne;
}

HTML：

<form name="worktopForm">

<select name="worktops">
    <option value="1" selected>1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<input type="button" value="Add Splashbacks" onClick="processSplashbacks()"/>

<div id="splashWidLen"></div><br/>

<input type="button" value="Calculate quote" onClick="calculate()"/><br/>

<div id="quote"></div>

4

1 に答える 1

1

CoffeeScriptとJQueryの使用についてどう思いますか?

@addInfo = (splashback) ->
    $("#splashWidLen").append("Splashback #{splashback} dimensions <label> Length: </label><input type='text' id='length#{splashback}' value='0'/>(cm)<br /><label> Width: </label><input type='text' name='width#{splashback}' value='0'/>(cm)<br>")

@processSplashbacks = () -> 
    count = $("select[name='worktops']").val()
    addInfo splashback for splashback in [1..count]

JSFiddle で動作するコードの例。

于 2012-09-26T13:14:24.677 に答える