如何更改jquery下拉值

在选择问题类型的基础上，我想显示第二个下拉列表。如果有人选择董事会我想显示第二下拉，如果有人选择品牌我想显示不同的选项。请帮助如何更改jquery下拉值

<label for="Issue Type">Issue Type</label> 
      <select name="issue_type" id="issue_type"> 
       <option value=""> Select </option> 
       <option value="Board">Board</option> 
       <option value="Branding/Clipon">Branding/Clipon</option> 
      </select> 

<label for="Issue Type">Issue</label> 
      <select name="send_to" id="send_to"> 
       <option value=""> Select </option> 
       <option value="Light Not Working">Light Not Working</option> 
       <option value="Broken Letter">Broken Letter</option> 
       <option value="Transit of Board from One address to Another">Transit of Board from One address to Another</option> 
       <option value="Broken Board">Broken Board</option> 
      </select> 
      <select name="send_to" id="send_to"> 
       <option value=""> Select </option> 
       <option value="Pasting Problem">Pasting Problem</option> 
       <option value="Clip-on light not working">Clip-on light not working</option> 
      </select>

来源

2013-10-01 nishu chilana

哪里是你的javascript代码..？ –

我不知道...我很新这个... –

在你select

<select name="issue_type" id="issue_type" onchange="change('issue_type');">

在你的js文件

$(document).ready(function(){ 
    function change(id) { 
     //check condition if as 
     if ($('#' + id).val() == 'Board') { 
      //hide select except your required select 
      //like 
      $("#send_to").show().siblings().hide(); 
     } else if() { // your next condition 
      //so on 
     } 
    } 
});

来源

2013-10-01 07:55:47

我喜欢这种方法比我自己:) – Kuro

这里是jQuery的

和轻微修改您的HTML

<label for="Issue Type">Issue Type</label> 
     <select name="issue_type" id="issue_type"> 
      <option value=""> Select </option> 
      <option value="Board">Board</option> 
      <option value="Branding/Clipon">Branding/Clipon</option> 
     </select> 

<label for="Issue Type">Issue</label> 
     <select name="send_to" id="send_to"> 
      <option value=""> Select </option> 
      <option value="Light Not Working">Light Not Working</option> 
      <option value="Broken Letter">Broken Letter</option> 
      <option value="Transit of Board from One address to Another">Transit of Board from One address to Another</option> 
      <option value="Broken Board">Broken Board</option> 
     </select> 
     <select name="send_to" id="send_to_board"> 
      <option value=""> Select </option> 
      <option value="Pasting Problem">Pasting Problem</option> 
      <option value="Clip-on light not working">Clip-on light not working</option> 
     </select>

我改变的第二的ID选择

CSS：

.hidden{display:none}

这里的工作的jsfiddle：http://jsfiddle.net/MXjmY/1/

来源

2013-10-01 07:50:47 Kuro

谢谢kuro ...我相信它会解决我的概率。 m工作和iwll更新你，谢谢你的gr8帮助伙伴 –

如何更改jquery下拉值

回答

相关问题