javascriptで... ※急募

Question

すごく説明しにくく、解り辛いかもしれませんが分かる方が居れば教えていただきたいです。。。
検索画面に詳細検索と言う、モーダル内に表示した内容があります。
「詳細検索を確認する」押してモーダルが出ると、年齢や生年月日などいろいろなセレクトボックスなど検索情報を記入する箇所がいくつもあります。
その際に全て選択もしくわ複数選択したあとに検索ボタン押下後、元の検索画面にその情報を表示したいと思っています。
一応それなりにやってみたのですが上手く行かず、いろいろと問題が出てきた為お聞きしたい次第です。

問題としては、全て記入したものは表示できるのですが、複数選択した場合いらないものまで出てきてしまいます。
例えば、年齢・姓・名・都道府県と複数検索した場合、記入していない生年月日や電話番号、さらに記号の「：」や「〜」などが一遍に表示されてしまいます。
このときif文で空の時は表示しない、などの命令をすればと思うのですが分かりません；；

一応途中までcodepenにてHTML、jsのソースを記載してます。
http://codepen.io/morinokuma/pen/vEOaQZ?editors=101
↑モーダル内の表示で、スタイルは振ってません。
所々おかしな所があると思いますが、ご了承下さい。
指摘下って構いません。

どなたかよろしくお願いします_(..)

Answer 1

モーダル画面内にある検索ボタンを押す
↓
モーダル画面が閉じられる
↓
検索画面に、モーダル画面でセットした値がセットされる

という感じのことをしたいのだと思いました。

であれば、【モーダル画面内にある検索ボタンを押したときの処理】を見たいです。
(何をどうやっているのか？)

なので、hirai0110 さんもおっしゃってるように、検索ボタンを押したときの処理を
見せていただければ、何か手伝えることがあるかもしれません。

※ 値を value でとらずに text や innerText, innerHTML などで取得すると、
困っているポイントに挙げている、「:」や「/」などの記号も取ってきてしまうのかなーと、
推測はしているのですが・・・

Answer 2

すみません…。私も気になるのですが、具体的な使用イメージがつかめないので、もう少し詳細な説明を追記していただけないでしょうか？
検索の対象となるデータとかがどんなものなのかとか、です。
がんばってください！

Comments

[morinokuma]

返信ありがとうございます。
イメージできるかわかりませんが、、、
例えば賃貸で詳しく調べたい時にチェックボックスや複数セレクトボックスがあると思います。
大体は上から住所、路線、徒歩何分、家賃などの選択する項目があって、「徒歩何分」と「家賃」だけ選択したのに、検索したら[住所：/路線：/徒歩：5〜10/家賃：6万]と
必要ない住所と路線、記号「:」「/」が入って表示されてしまう感じです。
実際は[徒歩：5〜10/家賃：6万]と、2点だけ表示したいのですが全部表示されてしまいそこを何とかしたいと思ってます…

[hirai0110]

コメント、ありがとうございます！
そうですね…。codepenに載っているソースコードを見たところ、入力のスクリプト系は記載してあるのですが、質問者様の抱えている課題はおそらく、検索ボタンを押下した先の出力部分にあるのではないかな、と思います。
そちらのスクリプトも併せて記載していただけると、他の回答者様も答えやすいかと思われます！