0

我有一个选择字段，其中内容根据另一个选择字段而变化。禁用我的脚本后，我的选择可以正常发布并插入到我的数据库中。但是，当我使用 javascript 处理选择字段时，我发布的值默认为默认值（“1”）。我也在运行 chzn ( http://harvesthq.github.io/chosen/ ) 但即使禁用它，问题仍然存在。这是我的 JS：

$(function() {
    var $dropdown = $("#type");
    var $for = $("#for");

    $for.clone().attr('id', 'for2' ).insertAfter($for).hide();
    $for2 = $('#for2');

    function getType() {
        $type = $dropdown.val();
        return $type;
    }

    function checkType($type) {
        if ($type == 1) {
            $for.find('.skin').remove();
            $for2.find('.champion').clone().appendTo($for).trigger("liszt:updated");
        } else if ($type == 2) {
            $for.find('.champion').remove();
            $for2.find('.skin').clone().appendTo($for).trigger("liszt:updated");
        }
    }

    getType();
    checkType($type);

    $dropdown.change(function() {
        getType();
        checkType($type);
    });
});

是什么导致了这个问题？谢谢你看:)

编辑Runningalert($for.find($("option:selected")).text());确实返回了我选择的选项。我真的不明白为什么它没有被发布。

编辑2我可以通过附加一个（隐藏的）文本字段来让它工作，并在我的选择更改时设置它的值，当然还有更新我的控制器以使用“for-value”：

$('<input/>').attr({ type: 'text', id: 'for-value', name: 'for-value' }).insertAfter($for).hide();
$forValue = $('#for-value');

$for.change(function() {
    $forVal = $for.val();
    $forValue.val($forVal);
});

但这太丑陋了....为什么我不能让它正常工作？我错过了什么吗？

edit3 根据要求，HTML：

<form action="insert" method="POST">

    ...

    <label for="type">type</label>
    <select id="type" name="type">
        <option value="1">Champion</option>
        <option value="2">Skin</option>
    </select>

    <label for="for">For</label>
    <select id="for" name="for">
        @foreach ($skins as $skin)
        <option class="skin" value="{{ $skin->id }}">{{ $skin->name }}</option>
        @endforeach
        @foreach ($champions as $champion)
        <option class="champion" value="{{ $champion->id }}">{{ $champion->name }}</option>
        @endforeach
    </select>

    ...

    <button>Insert</button>

</form>

编辑4 更糟糕的是，正如Stano建议的那样，在克隆使其工作时包含一个名称，如果我在链中删除该属性，它甚至可以工作：

$for.clone().attr('id', 'for2').insertAfter($for).hide(); //doesn't work.
$for.clone().attr({ id: 'for2', name: 'for2' }).insertAfter($for).hide(); //works
$for.clone().attr({ id: 'for2', name: 'for2' }).removeAttr('name')
    .insertAfter($for).hide(); //works even if I remove the attribute
4

1 回答 1

1

克隆该对象也将name使用它，并且发布将使用nameHTML 中最后引用的，它是第一个select. 这就是为什么它总是返回 1。

name在链计数器期间删除或重命名属性，如下所示：

$for.clone().attr('id', 'for2').removeAttr('name').insertAfter($for).hide();
于 2013-07-14T10:25:24.037 回答