Javascript下拉按钮

时间:2016-11-16 12:24:20

标签: javascript html button dropdown

我创建了一个下拉框,其中包含过滤图像的效果。

我希望下拉1使用java脚本链接到下拉2框。

下拉列表1的HTML代码是:

<select id="areaImageEffects" onchange="" style="height: 30px;"> 
    <option value="Grayscale">Grayscale</option> 
    <option value="Threshold"> Threshold</option>
</select> 

下拉列表2的Html代码是:

<select id="ImageEffectsProperties" onchange="" style="height: 30px;"> 
    <option value="Greyscale1">Greyscale1</option> 
    <option value="Greyscale2">Greyscale2</option>
</select> 

有人可以帮助我使用Javascript将两个下拉列表链接在一起,这样当我在下拉列表中进行选择时,应该会出现下拉列表2。

1 个答案:

答案 0 :(得分:0)

通过public class TestAut { private static final File DB_PATH = new File("databases/demo.db"); private static GraphDatabaseService graphDb; private static String [] r1={"PARTNERS_JV_WITH","EXEC_JOINS","EXEC_QUITS","INVESTS_IN_TECH_IP","ACQUIRES","LAUNCHES_NEW_PRODUCT_SERVICE","LAUNCHES", "ACQUIRE_TALENT","DOWNSIZES_TALENT","ENTER_NEW_MARKET","DELIVERS_VALUE","OPENS_NEW_CENTER"}; private static String [] r2={"PARTNERS_JV_WITH","EXEC_JOINS","EXEC_QUITS","INVESTS_IN_TECH_IP","ACQUIRES","LAUNCHES_NEW_PRODUCT_SERVICE","LAUNCHES", "ACQUIRE_TALENT","DOWNSIZES_TALENT","ENTER_NEW_MARKET","DELIVERS_VALUE","OPENS_NEW_CENTER"}; private static Relations relations; public static void main(String args[]) {//throws FileNotFoundException { String fileName = "relations.xls"; Workbook workbook; startDb(); relations=new Relations(r1,r2); System.out.println (fileName); BufferedReader br; try { br = new BufferedReader( new InputStreamReader( new FileInputStream(fileName))); br.close(); workbook = Workbook.getWorkbook(new File(fileName)); for(int i=0;i<workbook.getNumberOfSheets();i++) { Sheet sheet=workbook.getSheet(i); for(int j=0;j<sheet.getRows();j++) { Cell cell[]=sheet.getRow(j); for(int k=0;k<cell.length;k++) System.out.print(cell[k].getContents()+" "); System.out.print("\n"); createNodesAndRelationship(cell[0].getContents(),cell[1].getContents(), cell[2].getContents(),cell[3].getContents(), cell[4].getContents(),cell[5].getContents(),cell[6].getContents(),cell[7].getContents()); } } } catch (FileNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (BiffException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } stopDb(); System.out.println("Done!!"); successfully.... "); } public static void startDb() { graphDb = new GraphDatabaseFactory().newEmbeddedDatabase(DB_PATH); } public static void stopDb() { graphDb.shutdown(); } public static void createNodesAndRelationship(String subject,String subjecttype,String object, String objecttype,String relationship,String headline,String newslink,String date) { Transaction tx = graphDb.beginTx(); try { Result result; result=graphDb.execute("match ("+subjecttype+"{name:\""+subject+"\"}) return "+subjecttype+".name;"); if(result.toString().equals("empty iterator")) { //Query="create (a:"+subjecttype+"{name:\""+subject+"\"}) return a;"; result=graphDb.execute("create (a:"+subjecttype+"{name:\""+subject+"\"}) return a;"); System.out.println(result.toString()); } //Query="match ("+objecttype+"{name:\""+object+"\"}) return "+objecttype+".name;"; result=graphDb.execute("match ("+objecttype+"{name:\""+object+"\"}) return "+objecttype+".name;"); if(result.toString().equals("empty iterator")) { result=graphDb.execute("create (a:"+objecttype+"{name:\""+object+"\"}) return a;"); System.out.println(result.toString()); } result=graphDb.execute("match (a:"+subjecttype+"{name:\""+subject+"\"}) " + "match(b:"+objecttype+"{name:\""+object+"\"}) " + "match (a)-[:"+relationship+"]->" + "(b) return a.name,b.name;"); if(result.toString().equals("empty iterator")&&relations.contains(relationship)) { result=graphDb.execute("match (a:"+subjecttype+"{name:\""+subject+"\"}) " + "match(b:"+objecttype+"{name:\""+object+"\"}) " + "create (a)-[r:"+relationship+"{headlines:\""+ headline+"\",newslink:\""+newslink+ "\",date:\""+date+"\""+ "}]->(b) return r;"); System.out.println(result.toString()); } tx.success(); } finally { tx.close(); } } } 事件调用函数,onchange 并编写以下脚本。

onchange = "myFunction()"