根据html下拉列表部分指定javascript变量值

我有一个下拉列表。如果我从下拉列表中选择一个选项，我必须将下拉列表值分配给javascript变量并在html上显示它

这是我的密码

HTML:

但每当我提交值时，它都会给出错误。这里有什么问题吗

---

在演示中，您已经在JSFIDLE中选择了默认的onLoad选项。 这会导致站点将整个代码包装在回调函数中，这意味着showit函数不是DOM0内联事件处理程序所要求的全局函数

将此选项更改为“无包裹（头部）”，它将起作用

假设您有javascript的

标记，那么您拥有的代码在页面上运行良好

关于您的

试用

，

objDropDown

未定义。。。还可以添加

type=“button”

，否则默认为提交按钮

我对演示做了一些更改，因此我的代码是：

html

---

我做了最后一次更新，可能对你有用。请检查。由于我使用的是form post方法，我能否将变量值传递给php echo？@acr，所有带有名称的输入，包括隐藏的inout，都将传递给php，因为您使用

post

可以通过

$\u post['dropdown']

和

$\u post['hiddenInput']

<form method="post">
    <select id="dropdown" name="dropdown" onchange="changeHiddenInput(this)">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>

    <input type="hidden" name="hiddenInput" id="hiddenInput" value="" />

    <button onclick="changeHiddenInput (objDropDown)">Try it</button>
</form>
<div id="result"> </div>

function changeHiddenInput (objDropDown)
{
    var objHidden = document.getElementById("hiddenInput");
    objHidden.value = objDropDown.value; 
    var a = objHidden.value;
     result.innerHTML = a || "";
}

<form method="post">
    <select id="dropdown" name="dropdown" onchange="changeHiddenInput(this)">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>

    <input type="hidden" name="hiddenInput" id="hiddenInput" value="" />

    <button onclick="changeHiddenInput (objDropDown)">Try it</button>
</form>

<div id="result"> </div>

var select;
window.onload = function () {
    select = document.getElementById('dropdown');
    console.log(select);
}

function changeHiddenInput(objDropDown) {
    console.log(objDropDown);
    var objHidden = document.getElementById("hiddenInput");
    objHidden.value = objDropDown.value;
    var a = objHidden.value;
    result.innerHTML = a || "";
}