1

当他们选择了他们需要的数量时，我无法选择制作的唯一文本框。它创建了两个文本输入框，一个用于宽度，一个用于长度。一旦他们创建了他们需要的数量，我想选择他们输入到这些框中的数据，但我不确定如何执行此操作。我尝试在创建文本输入时将值添加到“名称”，但无法弄清楚。任何帮助将不胜感激。

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 回答