jquery用选择值替换文本字段值答案

【问题标题】：jquery replace text field value with select valuejquery用选择值替换文本字段值
【发布时间】：2015-01-25 07:42:44
【问题描述】：

我已阅读此SO post 并应用以下代码将文本字段替换为 HTML 选择选项。

$("#id_reason").replaceWith(
    '<select id="id_reason" name="id_reason" onchange="changeReason();"' +
        '<option value="0">Select a Reason</option>' +
        '<option value="General Query">General Query</option>' +
        '<option value="Feedback">Feedback</option>' +
        '<option value="Complaint">Complaint</option>' +
        '<option value="Translation">Translation</option>' +
        '<option selected value="Registration">Registration</option>' +
        '<option selected value="Subscription">Subscription</option>' +
        '<option selected value="Other">Other</option>' +
    '</select>');

    function changeReason() {

        //apply some code here I think!

    }

我遇到的问题是表单无法识别原因选择列表的选定值 b/c 表单验证不允许原因值为空白。

如何编写代码以将 select 选项的值应用为提交表单时要应用于原因字段的值？

我已尝试将选择列表重命名为 id_reason1，但无法弄清楚在提交表单时如何将所选值应用于字段。

【问题讨论】：

只要获取选中选项的值（或者选择本身，应该是一样的），赋值为文本字段的值……？
CBore，怎么样？ b/c 我无法让它工作。
正如 Cbroe 所说：document.getElementById("id_reason").value 应该为您提供原因值。将selected 属性添加到选项之一应该会给出标准值。在第一个选项上使用disabled 属性以在第一次之后不允许选择。

标签： javascript jquery

【解决方案1】：

给你：

    $("#id_reason").replaceWith(
        '<select id="id_reason" name="reason">' +
            '<option value="">Select a Reason</option>' +
            '<option value="General Query">General Query</option>' +
            '<option value="Feedback">Feedback</option>' +
            '<option value="Complaint">Complaint</option>' +
            '<option value="Translation">Translation</option>' +
            '<option value="Subscription">Subscription</option>' +
            '<option value="Registration">Registration</option>' +
            '<option value="Other">Other</option>' +
        '</select>');

你有两个问题：

你有一个错字 - 忽略关闭选择标签；和
如图所示，将第一个选项的值设为空。

【讨论】：