Question

我想通过使用jQuery实时组合选项和输入字段中的值。

<input name="recipe" id="recipe" value="tablespoons" />
<select id="spoon_value" name="spoon_value">
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

也许这样的事情可行，但我收到了错误。

Uncaught SyntaxError: Unexpected identifier

$('select#spoon_value').each(function(i) {
$(select[name=spoon_value] option[value=" + this.data.spoon_value + "]").html() + this.data.recipe);

我想要的输出是2汤匙或3汤匙等等。

Answer 1

您的each功能中的选择器周围缺少引号 - 您还有each功能定位ID，这很糟糕，因为它很可能意味着您正在重复ID。这是代码的语法正确版本：

$('select#spoon_value').each(function(i) {
    var someData = $("select[name=spoon_value] option[value=" + this.data.spoon_value + "]").html() + this.data.recipe;
});

Answer 2

<!doctype>
<html>
<head>
    <script>
        function _(x){
            return document.getElementById(x);
        }
        function update() {
            var tbsVal = _("spoon_value").value;
            var output = tbsVal + " tablespoons";
            _("realtimeTbsVal").innerHTML = output;
        }
    </script>
</head>
<body>
    <form action="yourFileName" method="post">
        <select id="spoon_value" name="spoon_value" onblur="update()">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
        <input type="submit" value="Submit">
    </form>
    <div id="realtimeTbsVal">yo</div>
</body>
</html>

将表单输入值与所选选项组合

2 个答案: