使用jQuery獲取並設置下拉值

Question

如果用戶從下拉列表中選擇一個選項，它將顯示為文本框，但如果他選擇具有值“其他”的選項，則會出現一行為其他人鍵入值。

我的代碼工作正常，除非選項值不等於“其他”

<script type="text/javascript"><!--
function setAndReset(box) {
if(box.value == 'Other'){
    $("#ShowHide").hide();
}
document.FormName.hiddenInput.value = box.value;

}
//-->
</script>

<body bgcolor="#ffffff">
<form id="FormName" action="" method="get" name="FormName">
    <select name="choice1" size="1" onchange="setAndReset(this);">
    <option value="one">first</option>
    <option value="two">second</option>
    <option value="three">third</option>
    <option value="other">Other</option>
    </select>

    <input type="text" name="hiddenInput" value="">
    <tablt><tr id="ShowHide"><td>
        <input type="text" name="otherInput">
    </td></tr></table>
    <input type="submit" name="submitButtonName">
</form>
</body>

但它不顯示/隱藏＆不在文本框中設置值。

如果使用jquery解決，那么我將感謝您的代碼。

謝謝。

Answer 1

像這樣做：

$(document).ready(function() {
    $("select[name=choice1]").change(function() {
       $(this).val() == 'other' ? $("#ShowHide").show() : $("#ShowHide").hide();
    });
});

並失去內聯onchange函數調用。 在這里試試吧。

Answer 2

我喜歡karim79的答案，但更喜歡它更緊湊：

$(function() {
    $("select[name=choice1]").change(function() {
       $("#ShowHide").toggle($(this).val() === "other");
    });
});

而不是$(document).ready(f) ，做$(f) ，它完全相同
而不是松散的== ，使用===進行精確比較（在這種情況下它無關緊要，但==可以表現得很奇怪，所以你應該避免它到處都是）
使用toggle(b)代替show() / hide()

使用jQuery獲取並設置下拉值

問題描述

2 個解決方案

解決方案1
5 已采納 2010-05-10 15:23:20

解決方案2
1 2010-05-10 15:42:34

使用jQuery獲取並設置下拉值

問題描述

2 個解決方案

解決方案1 5 已采納 2010-05-10 15:23:20

解決方案2 1 2010-05-10 15:42:34

解決方案1
5 已采納 2010-05-10 15:23:20

解決方案2
1 2010-05-10 15:42:34