挑选一个城市，显示内容

-3

是新的Web开发我已经开发了一个网站，现在我想在上面放置角落文本字段，并选择挑根据选择的城市一个城市，显示的内容。例如：在一个网页我应该有一个文本框，如果我输入城市名称，它应该显示城市的内容（使用案例：如果我选择德里它应该显示德里的内容，如果我选择孟买它应该显示孟买的内容如何我可以实现这个任务）任何代码，任何参考可以赞赏，在此先感谢。（HTML，JavaScript的，java的东西是确定）挑选一个城市，显示内容

来源

2017-08-08 Baasu

这太广...除非你贴在你有什么书面到目前为止 – Jeyaprakash

这里的[HTML参考（https://www.google.by/url?sa东西= T＆RCT = J＆q =＆ESRC = S＆源=幅和CD = 1＆CAD = RJA＆uact = 8＆VED = 0ahUKEwiqr6TXsMjVAhXlFJoKHZg_AMsQFggmMAA＆URL = HTTPS％3A％2F％2Fwww.w3schools.com％2FTAGs％2F＆USG = AFQjCNGj_GJ_jj0hAVN2pDJ98MzmoeNOPw）。希望有帮助=） –

@Jeyaprakash ............. https://www.nearbuy.com/只要打开这个链接，它会要求你选择位置，然后继续下去，在这里他们如何选择一个城市并显示该特定内容。这就是我期待的 – Baasu

这里是一样的东西，你想要什么，你可以做一个弹出，而不是一个下拉菜单，如果你想。告诉我你是否需要帮助，或需要了解代码。此代码基于Dmitriy Lishtvan对此问题的回答。我只是把它和你的问题联系起来。

$(function(){ 
 
      $('.selectOption').change(function(){ 
 
      var selected = $(this).find(':selected').text(); 
 
      //alert(selected); 
 
      $(".desc").hide(); 
 
      $('#' + selected).show(); 
 
      }).change() 
 
});

.desc {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="selectOption"> 
 
<option>--Choose One---</option> 
 
    <option>Chennai</option> 
 
    <option>Washington</option> 
 
    <option>Hamburg</option> 
 
    </select> 
 
    
 
    <div id="changingArea"> 
 
     <div id="Chennai" class="desc"><iframe height=900 width=900 src="https://en.wikipedia.org/wiki/Chennai"></iframe></div> 
 
     <div id="Washington" class="desc"><iframe height=900 width=900 src="https://www.washingtonpost.com"></iframe></div> 
 
     <div id="Hamburg" class="desc"><iframe height=900 width=900 src="https://www.tripadvisor.com/Tourism-g187331-Hamburg-Vacations.html"></iframe> 
 
</div> 
 

 
    </div>

来源

2017-08-08 19:58:59

喜@里兹 - waan谢谢，它不工作我的意思是，因为显示：无属性如果删除该属性，它会显示一切（奈，华盛顿州，汉堡）。如何显示特定的div内容。 – Baasu

@Baasu试试这个https://jsfiddle.net/3anz8hwn/它似乎为我工作。此外，如果我的答案有帮助，我会感激upvote，谢谢 –

@Baasu您还需要等待，而远程页面下载。在我的电脑上，我不得不等待大约3秒钟，然后加载。 –

我觉得这是你想要

`http://jsfiddle.net/XCUDF/`

来源

2017-08-08 19:34:40

https://www.nearbuy.com/只要打开这个链接，第一次它会问你挑位置，然后它进一步进行，在这里他们如何选择一个城市并显示该特定内容。这就是我期待的 – Baasu

UR参考链接是一些什么类似的感谢，但我要像nearbuy.com一些事情.....你能请弄清楚如何做这样的 – Baasu

http://jsfiddle.net/XCUDF/248/ –

什么在Java中，你可以使用TextField类，以便用户输入。然后你可以使用JButton，然后当用户单击按钮时，相应的内容（用数组组织内容）。链接信息有关的TextField https://docs.oracle.com/javase/tutorial/uiswing/components/textfield.html

另外一个JButton https://docs.oracle.com/javase/tutorial/uiswing/components/button.html 祝您好运！

来源

2017-08-08 19:35:00

你的方法开发太复杂了。我正在寻找简单的Html Javascript代码。你的努力 – Baasu

挑选一个城市，显示内容

回答

相关问题