Question

我正在尝试在我的表单中添加一些Jquery功能。

我想要做：

.greenDiv是标准的，应该具有100％的不透明度单击.blackDiv或.redDiv时，.greenDiv应具有50％的不透明度。点击的div应该具有100％的不透明度，其余的50％。

我在Jquery中有这个：

$('#webhost_navn').data('myData', 'i');

相反，我想在没有添加“info”的情况下选择最近的输入字段并将数据绑定到它。

在提交时，应保存绑定到输入的所有数据。

示例：

我用户点击.redDiv数据i被添加到最近的输入字段而没有将信息添加到其名称。

用户使用.blackDiv单击另一个输入字段，并将p添加到输入字段而不添加“添加到其名称”。

当用户提交表单时，i和p被添加到正确的输入字段。

我的Jquery：

$('.redDiv').click(function() {
    $('#webhost_navn').data('myData', 'i');
});
$('.greenDiv').click(function() {
    $('#webhost_navn').data('myData', null);
});
    $('.blackDiv').click(function() {
    $('#webhost_navn').data('myData', 'p');
});

$('#smt').click(function() {
    var myData = $('#webhost_navn').data('myData'),
        val = $('#webhost_navn').val();
    if (myData) {
        $('#webhost_navn').val(myData + val);
    }
});

我的HTML：

<div class="input numeric integer optional"><label for="company_ekstratrafik" class="integer optional"> Pris pr.</label><input type="number" step="1" size="50" name="company[ekstratrafik]" id="company_ekstratrafik" class="numeric integer optional"></div>
<div class="button-row">
            <button style="font-size: 11px; display: none;" type="button" class="add">Add info</button>
            <button style="font-size: 11px; display: inline;" type="button" class="remove">Remove</button>
<input type="input" step="1" size="50" name="company[ekstratrafikinfo]" id="company_ekstratrafikinfo" class="infoinput"><div class="redDiv"></div><div class="greenDiv"></div><div class="blackDiv"></div></div>

Jquery绑定到输入字段的一些复杂数据

0 个答案: